/*================ File content ===============
1. Reset.
2. Custom Parameters
3.Main CSS

a:- Header
b:- Banner Section
c:- MAIN Div
d:- Portfolio Section
e:- Inner Pages CSS

4:- Footer
================ End File content ===============*/

/*======================RESET========================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,pre,a, abbr, acronym, address, big, cite,code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong,sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table,caption, tbody, tfoot, thead, tr, th, td, input, select, button, textarea, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0 none;outline:0;font-size: 100%;	/*font: inherit;*/	vertical-align:baseline;list-style:none; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*======HTML5 display-role reset for older browsers=======*/
div, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* remember to define focus styles! */
:focus {outline:0;}
body {/* line-height: 1; */color:black;background:white;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate;border-collapse: collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}

/*===============================  RESET END ===============================*/

/*=============================== Custom Parameters  ===============================*/

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
select, input, textarea {/* -webkit-appearance: none; */ appearance: none;padding: 0 10px;}
.clear{ clear:both;}
a, button, a:hover, a:visited, a:active {cursor: pointer; text-decoration:none;}
.left{float:left !important;}
.right{float: right !important;}
.nomargin { margin:0 !important; }
.inline-block {width: 100%;display:inline-block;padding: 2% 0;}
.display_none { display:none !important;}
/*======= column layout ======*/
.col2 {width:50%;/*float: left;padding: 0 5px;*/}.col3{width: 33.3333%;}.col4{width: 25%;}.col5{width:20%;}
/*=== Sub categories ===*/
.col-sm-2 {width:50%;/*float: left;padding: 0 5px;*/}.col-sm-3{width: 33.3333%;}.col-sm-4{width: 25%;}.col-sm-5{width:20%;}
.col15{width:15%;}.col30{ width: 30%;}.col40{ width: 40%;}.col60{width: 60%;}col70{ width: 70%;}
.col_left {float:left;}.col_right{float:right;}
.col2, .col3, .col4, .col5, .col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col15,.col30,.col40,.col60,col70 { box-sizing:border-box;}

@media screen and (max-width:640px) {.col2, .col3, .col4, .col5, .col_left, .col_right{float:none !important; width:100% !important; margin:10px auto !important;}
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col15,.col30,.col40,.col60,col70{float:none !important; width:100% !important;}}


.inner_wrapper {/* width:100%; */ /*max-width:760px;*/ height:100%; margin:0 auto}

/*===============================  FONT-FACE ===============================*/

@import url("//fonts.googleapis.com/css?family=&subset=latin,latin-ext,cyrillic,cyrillic-ext");

/*@font-face {
	font-family: 'Myriad Pro';
	src: url('fonts/myriadproregular.eot');
	src: url('fonts/myriadproregular.eot?#iefix') format('embedded-opentype'),
			 url('fonts/myriadproregular.woff') format('woff'),
			 url('fonts/myriadproregular.ttf') format('truetype'),
			 url('fonts/myriadproregular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeue_Lt';
	src: url('../fonts/HelveticaNeue_Lt.eot');
	src: url('../fonts/HelveticaNeue_Lt.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/HelveticaNeue_Lt.woff') format('woff'),
			 url('../fonts/HelveticaNeue_Lt.ttf') format('truetype'),
			 url('../fonts/HelveticaNeue_Lt.svg#HelveticaNeue_Lt') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/*===============================  Search bar ===============================*/
/* reset webkit search input browser style */
input {outline: none;}
input[type=search] {font-family: inherit;font-size: 100%;-webkit-appearance: textfield;-webkit-box-sizing: content-box;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none; /* remove the search and cancel icon */}
/* search input field */
input[type=search] {background: #ededed url(../images/search-icon.png) no-repeat 9px center;border: solid 1px #ccc;	padding: 9px 10px 9px 32px;width: 55px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {width: 130px;background-color: #fff;border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}
/* placeholder */
input:-moz-placeholder {color: #999;}
input::-webkit-input-placeholder {color: #999;}
/* demo B */
#page_search { position: relative; z-index:5; padding: 0 10px;}
#page_search input[type=search] {width: 15px;padding-left: 10px;color: transparent;	cursor: pointer;}
#page_searchinput[type=search]:hover {background-color: #fff;}
#page_search input[type=search]:focus {width: 130px;padding-left: 32px;color: #000;background-color: #fff;cursor: auto;}
#page_search input:-moz-placeholder {color: transparent;}
#page_search input::-webkit-input-placeholder {color: transparent;}

/*===============================  Main CSS ===============================*/
body {margin: 0 0 0 0; padding:0 0 0 0; font-family:'Roboto', Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif; /* font-family: 'Myriad Pro' !important; */}
#container {width:100%; max-width: 1349px; height:auto; margin:0 auto; padding:0 0 0 0;}
.wrapper {display: block;width:100%; max-width:1200px; height: 100%;  margin:0 auto; padding:0 0 0 0;overflow-y: hidden; position: relative;}
@media screen and (max-width: 1024px) {.wrapper {width:95%;}}
h1 {color:rgb(39, 40, 43);}

.iconfont{font-family: 'iconfont' !important;}

/*===============================  Header ===============================*/

header { width:100%; margin:0 auto; padding:0; height:auto; background:#fff; position: relative; z-index: 122222;}
.innerheader { display: inline-block; width: 100%; margin:0 auto; padding:0;}
#top_content {width:100%; height: 100%;  background-color:#1b5083;padding:  0;margin: 0;line-height: 0;}
.top_most { display: inline-block; width: 98%; margin: 0 auto; padding: 0 1%;}
.top_most .item_block { display:block; float:left;}
.flag {margin-right: 10px;}
.top_most a {float:left; color:rgba(150, 193, 216, 0.81); line-height: 45px; font-size:15px; font-weight:400; padding: 0 20px;}
.top_most a:hover {background-color:#56AEE3 ; color:fff;}
.right_padding {padding: 0 15px 14px 0;}

#main_header_content {/* float: left; */clear: both;width: 90%;  margin: 0 auto;}
/*@media screen and (max-width: 1300px) {#main_header_content {display:none;}}*/
.inner_content {width: 100%;  height: 100%;  margin: 0 auto; padding:0 0 0 0;overflow: visible; position: relative;}
#site_logo { float:left; padding: 18px 0;}

/*===============================  Banner Section ===============================*/


#banner_house { position:relative;  overflow:hidden;}
#banner_section {width:100%; height: 100%; display:block; margin:0 auto; position:relative; z-index: 3; overflow:hidden;}
#form-on-banner { top: 20%; left: 10%; background-color: rgba(0,0,0,0.4); position:absolute; width: 80%; height: 60%;padding: 0; z-index:5; text-align: center;
 border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-webkit-border-radius: 10px;
box-sizing: border-box;-moz-box-sizing: border-box;-ms-sizing: border-box;-webkit-box-sizing: border-box;   }  
.super_heading { font-size: 3.2em; color:#fff; line-height: 2em;}
.form-on-banner  { text-align:center;}

#form_input {
    padding: 16px 20px;
    width: 60%;
    margin: 0;
 
    border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    -ms-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
}
#form_go { color:#fff; font-weight:bold;
    width: auto;
    padding: 16px 20px;
    margin: 0; background:#A1C627;
 border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; -ms-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0;
}
#form_go:hover { background:#56AEE3 ;}
    
/*=============================== MAIN Div ===============================*/

.main { width:100%; height: auto; margin:0 auto; padding:0; }
.innermain { width:100%; height:auto; margin:0 auto; padding:0;}

.col_group { display:inline-block; width: 100%; padding:60px 0; border-bottom:1px solid; border-color:rgb(241, 241, 241);}
.col {width: 33%; float: left;}
.col .icon{ display: block; float: left; border:1px solid; border-color: rgb(246, 223, 255); border-radius: 20px;}
#icon1 { color: rgb(190, 115, 221); }
#icon2 { color: rgb(244, 164, 121); border-color: rgb(252, 227, 212);}
#icon3 { color: rgb(45, 194, 193); border-color: rgb(193, 236, 236);}
.col_text {float: right;display: block; width: 70%;padding: 0 15px 0 0;}
.col h5 {font-size:24px; font-weight:300; line-height:24px;}
.col_text p{font-size: 14px; line-height:22px; margin:25px 0 0;}

#seo_promote_block { clear: both; display:inline-block; width: 100%; height: 100%; border-bottom:1px solid; border-color:rgb(241, 241, 241); position: relative;}
#block_img {display: block;width: 445px;height: auto;float:left;padding: 0 20px;}
#block_text { width: 55%; display: block; float:right; margin: 60px 0 0 0;}
#block_text h2 { font-size: 38px; font-weight: 200;line-height: 44px; margin: 0 0 27px 0;}
#block_text p { margin: 0 0 60px 0; font-size: 20px;line-height: 30px; color: rgb(65, 72, 77);}
#block_text h4 { margin: 0 0 60px 0;font-size: 21px;line-height: 27px;font-weight: 300;}
#block_text h4 span {color: rgb(181, 183, 184); padding: 0 10px 0 0; font-size: 25px;}
.learn_more { color: rgb(42, 160, 239); border:1px solid; border-radius: 5px; border-color:rgb(226, 223, 223); padding:14px 18px;}
.learn_more span {padding:0 10px 0 0;}

.learn_more:hover { background-color:#4B7BC2; color:#fff;}

#services_section {clear: both;display: block;height: 100%;text-align:center;padding: 50px 0 55px;border-bottom: 1px solid;border-color: rgb(241, 241, 241);}
#services_section h1 {font-size: 38px;line-height: 44px; font-weight: 300;}
#services_section h6 { font-size: 21px;line-height: 27px;}

.section_img_col_group {width: 100%; height: 100%; display:inline-block;margin: 50px 0;}

.section_img_col { width:25%; float:left; display: block; height: 100%; text-align:center;}
#first_col { background-color:#215a94;}
#second_col { background-color:#56aee3;}
#third_col { background-color:#a1c627;}
#fourth_col { background-color:#8bac24;}

.section_img {width:240px; height:240px; display: inline-block;background-position: 0 0;background-repeat: no-repeat;}
#section_img1 {background-image: url(../images/services-socialmediamarketing-alt-colors-optimized.png);}
#section_img2 {background-image: url(../images/services-seo-alt-colors-optimized.png);}
#section_img3 {background-image: url(../images/services-analytics-alt-colors-optimized.png);}
#section_img4 {background-image: url(../images/services-payperclick-alt-colors-optimized.png);}
.section_img_caption{display: block; width: 100%;height: 100%;padding: 15px 0 15px;background: rgba(0, 0, 0, 0.1);}
.section_img_caption:hover {background: rgba(0, 0, 0, 0.3); }
.link_text {font-size: 19px; font-weight:bold; color:#fff; }
.box_info { z-index: 5; position: relative; top: 0; width: 100%;height: auto;}
.click_here {font-size:20px;}

#section_content_col_group { clear: both; width: 100%; height: 100%; display:inline-block;}
.col_content { display: inline-block; width: 33%; float:left; margin: 0 0 50px 0;}
#inner_icon1 { background-color:#64B3E3 ;}
#inner_icon2 { background-color:#9EC73B ;}
#inner_icon3 { background-color:#FF9E28 ;}
#inner_icon4 { background-color:#265A92 ;}
#inner_icon5 { background-color:#88AD34 ;}
#inner_icon6 { background-color:#F86A40 ;}

.icon {color: #fff;width: 66px !important;/* height: 50px !important; */text-align: center;float: left;  padding: 16px 0; border-radius: 24px; font-size: 32px;}
.content {text-align: left;display:block; float:right;width: 70%;padding: 0 7% 0 0;color: rgb(65, 72, 77);}
.content_title {display: block;font-size: 24px;line-height: 27px; margin: 0 0 20px 0;}
.main_content {display: block; font-size: 14px; line-height: 22px;}

#btn_block {clear: both;float: none;text-align:center;display: inline-block;height: 100%;}
.bottom_btn {color:#fff;  text-align:center; border-radius:5px;display: inline-block;vertical-align: middle;margin: 0 10px;}
.btn_text { font-size: 24px; padding: 18px 28px; vertical-align: middle; display: block;}
#first_btn {background-color:rgb(86, 174, 227) ;}
#last_btn {background-color:rgb(161, 198, 39) ;}
#first_btn:hover {background-color:rgb(75, 123, 193) ;}
#last_btn:hover {background-color:rgb(143, 178, 26) ;}

#clients { width: 100%; /* background-color:#ccc; */ padding: 35px 0; display: inline-block;}
.client_img {float:left; padding: 0 20px 0 0;}

#case_studies_section { display: block; height: 100%; background-color:#363d41; padding: 55px 0 0 0;}
.section_heading { display: block; float: left; color:rgb(174, 186, 198); font-size: 27px; font-weight: 300; margin: 0 15px 0 0; /* box-sizing: border-box; */ /* -webkit-box-sizing: content-box; */}
.see_all { color: rgb(255, 255, 255); font-size: 16px;font-weight: 300; padding-left: 15px;line-height: 33px; border-left: 1px dotted #4f4f4f;}
#slider_nav_control {display: inline-block;}
.arrrow_box {background-color: transparent;border-radius: 4px;border: 1px solid rgba(136, 136, 136, 0.23); padding: 14px 17px;display: inline-block;color: rgba(255, 255, 255, 0.63);font-size: 11px;font-weight: 400;}
.arrrow_box:hover {background-color:#4B7BC2;}
#left_arrow {margin: 0 10px 0 0;float: left;}
#right_arrow { float: right;}

#slide_img_grid {}
#slide_inner { width: 100%; margin:0 auto;}
.slide_img { width: 389px; float:left; margin: 0 16px 0 0; display: inline-block;}
.image_section {display: block; line-height: 0;}
.caption_info {display: block; padding: 30px 40px; background-color: #fff; height: 100%; text-align: center; margin: 0;}
.caption_info h2 a {font-size: 21px; line-height: 40px;}
.caption_info p {font-size: 14px; line-height: 20px;margin-bottom: 30px;}

/*=============================== Portfolio Section ===============================*/

#pics_gallary {margin: 20px 0;}
#gallery_grid {width: 100%; margin:0 auto; height:100%; display: inline-block;  text-align: center; }
.inner_gallery_grid{width: 100%;list-style-type: none;margin: 0 auto;padding: 0px;display: block;}
.inner_gallery_grid .pics_grid{width: 23%;height: auto;float: left;padding: 0px;margin: 1%;position: relative;overflow: hidden;	box-shadow: 2px 2px 28px 1px #000;}

@media screen and (min-width:480px) and (max-width:900px) {.inner_gallery_grid .pics_grid { width:48%;}}
@media screen and (max-width:480px) {.inner_gallery_grid .pics_grid { width:90%; float:none;  display:inline-block; margin:30px auto;}}

.inner_gallery_grid .pics_grid img{width:100%; }
.inner_gallery_grid .pics_grid:hover .caption{opacity: 1;}
.inner_gallery_grid .pics_grid:hover img{
		opacity: 1;
		transform: scale(1.15,1.15);
		-webkit-transform:scale(1.15,1.15);
		-moz-transform:scale(1.15,1.15);
		-ms-transform:scale(1.15,1.15);
		-o-transform:scale(1.15,1.15);
	}
.inner_gallery_grid img{margin: 0px;padding: 0px;float: left;z-index: 4;}
.inner_gallery_grid .caption{cursor: pointer;position: absolute;opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;
		margin:0 auto; display: block; width: 100%; height: 100%;}
.inner_gallery_grid img{
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		-ms-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
.inner_gallery_grid .blur{background-color: rgba(0,0,0,0.65);height: 100%;width: 100%;z-index: 5;	position: relative;	display: block;}
.inner_gallery_grid .caption-text h1{text-transform: uppercase;font-size: 20px; color:#fff; font-weight:bold; }
.inner_gallery_grid .caption-text h1 span{  border-radius: 100%; padding: 15px; background-color: #b32f3f;}
.inner_gallery_grid .caption-text{z-index: 10;color: #fff;position: absolute;width: 100%;text-align: center;	top: 50%;	}

/*=============================== End ===============================*/

/*=============================== Testimonial Section ===============================*/
/*.testimonial_block {}
.clients_text {}
.client_name {}
.clients_details {}*/

#testimonial_section { text-align:center; width:100%; margin:20px 0 ;padding:30px 0;}
.section_heading {
    font-size: 25px;
    font-weight: bold;
}


/*=============================== End ===============================*/

#bottom_info { display: none; height: 100%; background-color:#282d30; padding: 50px 0;}
.info_col { width:33%; float: left;}
.main_text {font-size: 24px;line-height: 30px; color: rgb(255, 255, 255); display: block;}
.custom {color: rgba(161, 163, 164, 0.53); font-size: 21px; padding: 0 16px 0 0;}
.sub_text {color: rgb(130, 130, 130); font-size: 14px;line-height: 22px;}

/*=============================== Inner Pages Common CSS ===============================*/

.page_main_img { width:100%; height:auto; margin:0 auto;}
.page_main_img img {width:100%; height:auto;}
.page_main_content {padding: 50px 0 30px 0;}
.half_width .left_block {width: 48%; float:left;}
.half_width .right_block { width: 48%; float:right;}

/*=============================== About - CSS ===============================*/

#about_page {}
#about_page .page_top_heading { padding: 30px 0 60px 0; text-align: center;}
#about_page .page_top_heading p {font-size: 15px;color: #666;text-align: justify;font-weight: 300;line-height: 30px;}
#about_page .top_heading {font-size: 27px;font-weight: 200;line-height: 42px;padding: 0px;color: #2d85c4;}
#about_page .inner_content_heading { font-size: 22px;  }
#about_page .inner_content_text {display: inline-block;margin: 20px 0;}                
.inner_content_text ul {margin: 20px;display: inline-block;}
.inner_content_text ul li {list-style:disc; color: rgb(65, 72, 77);font-size: 20px;font-weight: 300; /* line-height: 30px; */text-align: left;margin-bottom: 15px;}

/*=============================== SEO - CSS ===============================*/

.page_top_section { border-bottom: 1px solid rgb(241, 241, 241);}
.page_bottom_section { padding: 60px 0 0;}
#seo_page .page_top_heading { padding: 30px 0 30px 0; text-align: left;}
#seo_page .page_top_heading p {font-size: 15px;color: #666;text-align: justify;font-weight: 300;line-height: 30px;margin: 40px 0;}
#seo_page .top_heading {font-size: 27px;font-weight: 200;line-height: 42px;padding: 0px;color: #2d85c4;}

/*=============================== SMO - CSS ===============================*/

#smo_page .page_bottom_section {padding: 60px 0 120px 0;text-align: center;}

/*=============================== local_seo_page - CSS ===============================*/

/*=============================== Pay Per Click - CSS ===============================*/

.left_block {width: 40%; float:left;}
.right_block { width: 55%; float:right;}
.inner_content_heading { color: #2d85c4; font-size: 22px; line-height: 38px; padding: 20px 0;}
.italic {font-style:italic;}
.inner_content_text {display: inline-block;margin: 20px 0;}
.inner_content_text p {color: rgb(65, 72, 77);font-size: 15px;font-weight: 300; line-height: 30px;text-align: left;margin-bottom: 20px;}
.speciality {width:100%; height:100%; padding:20px 0; background-color: #24292B;text-align: center;}
.speciality_text {color: rgb(255, 255, 255);font-size: 18px;font-weight: 400;line-height: 42px;text-align: center; }

/*===============================  Packages - CSS ===============================*/

#packages_details { padding:60px 0; border-top:1px solid rgb(241, 241, 241); }
.table_layout {width:100%; height:auto;}
table { width:100%; border:1px solid #363d41; border-collapse: collapse;}
tr {width:100%; }
tr>td:first-child { background-color:#56aee3; color:#fff; text-align:left; font-weight:bold;}
th { background-color:#1b5083;  color:#fff; font-size: 20px; font-weight:bold;}
td,th {border:1px solid #363d41; padding:5px; text-align:center;}
.blank {width:100%;height: 30px; }
.heading_row {width:100%;background-color:#a1c627;text-align: center;}
.block_heading { /* width:100%; */ background-color:#a1c627; color:#1b5083; font-weight:bold; text-align: center;}
.buy_now { color:#fff; background-color:#A1C627; border:0 none; outline:0; padding:5px 10px; border-radius:15px; font-size:15px; font-weight:bold; display: inline-block;}
.buy_now:hover{background-color:#56AEE3; color:#fff;}
/*==custom==*/
.pay-btn_house { text-align:center;}
.buy_now { margin:5px auto;}
@media screen and (max-width:720px) {td, th {font-size: 15px;} }

/*=============================== Contact - CSS ===============================*/

#contact_details { /* display: inline-block; */ color: #fff; padding:60px 0; border-top:1px solid rgb(241, 241, 241); background: rgba(0,0,0,0.7);}
.contact_content {width: 25%; float:left;}
.content_block {float: left;display: inline-block; margin: 0 0 15px 0;font-size: 22px;font-weight: 300; text-align: justify; height: 100%;}
#contact {}
#email_id a, #email_id a span{font-weight: bold;color: rgb(88, 179, 234);}
#email_id a:hover, #email_id a span:hover {color: rgb(41, 157, 227);}
#address {}
.working_shedule{}
.right_text { float:right;}
.small_text {font-size: 14px;}
.left_icon {color: rgb(221, 219, 219);font-size: 24px;}
.contact_form { width: 60%; float:right;}
.form_heading { font-size: 30px;}

#contact_form input, #contact_form textarea, #contact_form .inputtypebox {  color:#fff;border:1px solid #56AEE3;   border-radius: 5px;   
   font-size: 17px;  box-sizing: border-box; margin-bottom: 10px;   letter-spacing: 0.4px;   padding: 10px 20px; }
  #contact_form input:focus, #contact_form textarea:focus, #contact_form .inputtypebox:hover { border:1px solid #A1C627;}
#contact_form input, #contact_form .inputtypebox {width: 48%; height:auto;}
.contact_form textarea { padding: 2% 2%; width: 100%;  margin: 1% auto; height: 80px;}
#submit {color:#fff; background-color:#A1C627; border:0 none !important; outline:0; padding:  5px 10px; border-radius: 5px; font-size: 15px; font-weight:bold; /* display: inline-block; */width: auto;}
#submit:hover {background:#56AEE3; color:#fff;}

form.contact_form .error {
	border:1px solid #C00 !important;
	box-shadow: 3px 3px 0 1px #C00 !important;
	color:#C00 !important;
}

/*============================== App Development ========================*/

#contact_form input[type=checkbox] { /* -webkit-appearance:none; */ appearance:none; width: auto; /* height: 5px; */ margin:0 15px; border-color: #ddd;}


/*=============================== Footer ===============================*/

footer { padding: 30px 0 0;background-color:#25282a ; background-color: #1b5083;margin:0; }
.fcol {width: 33%; float:left; padding: 0 1%;box-sizing: border-box;}
.col_heading {display: block;color:#fff; font-size:25px; font-weight:bold; margin: 0 0 15px 0;}


/*========================= footer form =========================*/

form.contact {float: left;width: 100%;}
.contact > input, .contact > textarea { background: none repeat scroll 0 0 rgba(69, 69, 69, 0.65); border: 0 none;color: #fff; /* float: left; */font-family: arimo; font-size: 13px;font-style: italic; /* height: 32px; */ margin-bottom: 10px; letter-spacing: 0.4px; padding: 10px 20px; width: 48%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.contact input::-moz-placeholder,.contact textarea::-moz-placeholder{opacity: 1;}
.contact input::-webkit-placeholder,.contact textarea::-webkit-placeholder{opacity: 1;}
.contact > textarea {/*margin-bottom: 30px; */width:100%; min-height: 130px;}
.contact > input[type="submit"] { color: #fff;display: table;float: none;font-family: roboto slab;border: 2px solid;font-size: 14px;font-style: normal; margin: 0 auto; padding: 0 50px;width: auto;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    -wekbit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.contact > input[type="submit"]:hover{  background: none;}
/*===*/
#message { margin: 10px 0; padding: 0; float: left; width: 100%; }
.form_message {display: block;background: #A1C627; line-height: 17px; color:#fff; -webkit-border-radius:5px;
box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px 10px; }
.error_message { background: #A1C627 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; }
.loader { padding: 0 10px; }
#success_page {background: url('../images/success.gif') left top no-repeat; padding:40px 0 0 0;}
#success_page h1 { font-size:20px; }
#success_page p { margin:15px auto 0;}
#success_page p strong { font-weight:bold; color:#1b5083; font-size:18px;}

.contact-form input.button { width: auto; margin: 0 auto; float: none; padding: 10px 40px; font-family: open sans;}

/*========================= End footer form =========================*/

.location {}
#map-canvas { width: 98%; height: 180px; display:block; margin:10px auto;}
.location_details {/* padding-left: 10px; */}
.details_content {margin: 5px 0; width:100%;display: inline-block;color: rgba(150, 193, 216, 0.81);}
.social_contact {width: 100%; float: left;margin: 10px auto;}
#social_icon-block {width: 100%;display: block;margin: 0 auto;}
#social_icon-block ul {}
#social_icon-block ul li {float: left;}
#social_icon-block ul li a { display: block;color: rgb(155, 160, 162); width:45px; text-align: center; border-radius:5px; padding: 13px 0;}
#social_icon-block ul li a:hover {background-color:#4B7BC2 ; color:#fff;}
.social_icon {font-size: 20px;}
.overseas_ofc {clear: both;}
#bottom_last {width: 100%;height: 100%; background-color: #363d41;padding: 20px 0;margin: 30px 0 0 0;}
#bottom_menu {}
.bottom_menu {}
#bottom_menu {}
.bottom_menu_list {}
.bottom_menu_list li { float: left;}
.bottom_menu_list li a {font-size: 15px;line-height: 30px; padding: 0 10px;text-transform: uppercase; color: #fff;}

@media screen and (max-width: 479px) {.bottom_menu_list li {display:block;float: none;text-align: center;} .bottom_menu_list li a {line-height: 18px;}}

.bottom_menu_list li a:hover {color:#5DB7EE;}
#copyright {float: right;  }
.copyright_text {color: rgb(161, 163, 164);color: #fff;font-size: 15px;line-height: 30px;}
#back_to_top {bottom: 50px;right: 10px;position: fixed; z-index: 5555;}
#back_to_top a{  background-color: #2f343a;border-radius: 4px;border: 1px solid rgba(136, 136, 136, 0.23);   padding: 10px 12px;display: inline-block;color: rgba(255, 255, 255, 0.63);  font-size: 15px;font-weight: bold;  transition: all 0.5s ease-in-out;}
#back_to_top a:hover {background:transparent; color:#000; font-size:20px; border:0 none; transition:all 0.5s ease-in-out;}

@media screen and (max-width: 640px) {.col, .fcol, .contact_content, .contact_form { width: 100%; float:none;  margin:10px auto; display: inline-block;} .contact_form input { width:96%;}}




/************************************************************************/
#top_content { background: #0077b5 ;}
.item_block span { color:#fff;}
.e_card { width: 18%; height:auto; float: left; margin: 1%;}
.e_card_big { width: 100%; margin-bottom: 1%; }
.e_card img, .e_card_big img { width:100%; height:auto;}