@charset "UTF-8";
/* -------------------------------- Primary style-------------------------------- */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-weight:normal;
}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

p{font-size:12px;}
h1, h2, h3, h4, h5, h6,menu{margin:0px !important;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
a{outline:none !important;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *::after, *::before {
  box-sizing: border-box;
}


.row{max-width: 62.5rem !important;}


@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fonts/caviardreams-webfont_0-webfont.eot');
    src: url('../fonts/caviardreams-webfont_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caviardreams-webfont_0-webfont.woff2') format('woff2'),
         url('../fonts/caviardreams-webfont_0-webfont.woff') format('woff'),
         url('../fonts/caviardreams-webfont_0-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}



html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: sans-serif;
  color: #111433;
 
}

.clear{clear:both;}

a {
  color: #3f8654;
  text-decoration: none;
}

img {
  max-width: 100%;
}

input {
  font-family: sans-serif;
  font-size: 1.6rem;
}

/* remove "X" from search input field */
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=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* -------------------------------- menu css start  -------------------------------- */
.header_main{position:absolute;width:100%;}
.header_wrap{background:#fff;width:100%;position:relative;z-index:10;/*box-shadow: 0px 3px 3px #ccc;*/}
.header_top{width:100%;border-bottom:1px solid #ddd;background:#F8F8F8;padding-bottom: 0.6em;padding-top: 0.6em;}

.header_top_mid{width:1200px; margin:0px auto;}

.header_top_mid_left{float:left}
.header_top_mid_left ul{list-style:none;}
.header_top_mid_left ul li{display:block; float:left;padding-right:10px;border-right: 1px solid #ddd;
    display: block;
    float: left;
    margin-right: 10px;
    padding-right: 10px;}
.header_top_mid_left ul li a{text-decoration:none;color:#000; font-family:Arial, Helvetica, sans-serif;}


.header_top_mid_right{float:right;}
.header_top_mid_right p{padding:3px;margin-bottom:0px;}

.inquire_btn{float:right;margin-top:15px;}
.inquire_btn a{padding:10px 16px; background:#E25537;color:#fff;display:block;font-size:125%;text-decoration:none !important;}
.inquire_btn a:hover{text-decoration:none !important;color:#fff !important;background:#21476c;}
.inquire_btn a:focus{text-decoration:none !important;}


.header{width:1200px; margin:0px auto;background:#fff;padding-top:10px;}
.logo{float:left;padding:10px 0px;}

.menu{float:left;margin-top:10px;margin-left:100px;}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index:2 !important;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
 
  line-height: 1;
  background: #ffffff;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #21476c;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  display:none;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px 15px 37px 15px;
  font-size: 125%;
  text-decoration: none;
  
  color: #4d4d4d;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #21476c;
  padding:20px 15px 37px 15px;
  /*padding:20px 11px 37px 11px;*/
}
#cssmenu ul li:hover a{/*font-weight:bold !important;*/}
#cssmenu ul li:hover ul li a{font-weight:normal !important;}



#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #4d4d4d;
  border-right: 1px solid #4d4d4d;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #21476c;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 200px;
  font-size: 14px;
  
  background: #fff;
  text-decoration: none;
  color: #484848;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #FFFFFF;
    background-color: #1E4872;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}




/* -------------------------------- menu css start  -------------------------------- */





/*=======================slider css start==========================*/

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
	height:650px !important;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

.slider_outer{padding-top:135px;}
.demo-1 {}
.sl-slider-wrapper {
	position: relative;
	width: 100%;
	/*height: 100%;*/
	/*height:960px;*/
	height:79vh;
	top: 0px;
	left: 0;
	z-index:1;
	overflow:hidden;
}

/* will be red only in google chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .sl-slider-wrapper  {

	

}
}


/* Custom navigation arrows */

.nav-arrows span {
	position: absolute;
	z-index: 2000;
	top: 50%;
	width: 40px;
	height: 40px;
	border: 8px solid #ddd;
	border: 8px solid rgba(150,150,150,0.4);
	text-indent: -90000px;
	margin-top: -40px;
	cursor: pointer;
	
	display:none;
	
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-arrows span:hover {
	border-color: rgba(150,150,150,0.9);
}

.nav-arrows span.nav-arrow-prev {
	left: 5%;
	border-right: none;
	border-top: none;
}

.nav-arrows span.nav-arrow-next {
	right: 5%;
	border-left: none;
	border-bottom: none;
}

/* Custom navigation dots */

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: 2%;
	height: 30px;
	width: 100%;
	left: 0;
	z-index: 1000;
}

.nav-dots span {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #ddd;
	background: rgba(150,150,150,0.4);
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.4), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}




.nav-dots span.nav-dot-current:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgba(255,255,255,0.8);
}

/* Content elements */

.demo-1 .deco {
	width: 260px;
	height: 260px;
	border: 2px solid #ED701D;

	border-radius: 50%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	margin: 0 0 0 -130px;
}

.demo-1 .deco  img{ width: 240px;	height: 240px;;margin:10px auto 0px;; border-radius: 50%;display:block;}
.demo-1 [data-icon]:after {
    content: attr(data-icon);
    font-family: 'AnimalsNormal';
	color: #999;
	text-shadow: 0 0 1px #999;
	position: absolute;
	width: 300px;
	height: 300px;
	line-height: 220px;
	text-align: center;
	font-size: 100px;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -150px;
	box-shadow: inset 0 0 0 2px #f7f7f7;
	border-radius: 50%;
}

.demo-1 .sl-slide h2 {
	color: #014E75;
	/*text-shadow: 0 0 1px #000;*/
	padding: 20px;
	position: absolute;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 13px;
	text-transform: uppercase;
	width: 80%;
	left: 10%;
	text-align: center;
	line-height: 50px;
	bottom: 54%;
	margin: 0 0 -120px 0 !important;
}

.demo-1 .sl-slide blockquote {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	height: 70px;
	color: #8b8b8b;
	z-index: 2;
	bottom: 59%;
	margin: 0 0 -200px 0;
	padding: 0;
}

.demo-1 .sl-slide blockquote p{
	margin: 0 auto;
	width: 60%;
	max-width: 400px;
	position: relative;
	
}

.p1{color:#fff;font-size:14px;}
.p2{color:#000;font-size:14px;}
.p3{color:#000;font-size:14px;}
.p4{color:#6397B6;font-size:14px;}
.p5{color:#CF9903;font-size:14px;}

.city_1{color:#fff;}
.city_2{color:#fff;}
.city_3{color:#fff;}
.city_4{color:#fff;}
.city_5{color:#000;}

.demo-1 .sl-slide blockquote p:before {
	color: #f0f0f0;
	color: rgba(244,244,244,0.65);
	font-family: "Bookman Old Style", Bookman, Garamond, serif;
	position: absolute;
	line-height: 60px;
	width: 75px;
	height: 75px;
	font-size: 200px;
	z-index: -1;
	left: -80px;
	top: 35px;
	content: '\201C';
}

.demo-1 .sl-slide blockquote cite {
	font-size: 10px;
	padding-top: 10px;
	display: inline-block;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 4px;
}

/* Custom background colors for slides in first demo */

/* First Slide */
.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {
	background: url(../img/slider/1.jpg) no-repeat;
	background-size:cover;
	
}

/* Second Slide */
.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
		background: url(../img/slider/2.jpg) no-repeat;
	background-size:cover;
}

.demo-1 .bg-2 [data-icon]:after,
.demo-1 .bg-2 h2 {
	color: #90410E;
}

.demo-1 .bg-1 [data-icon]:after {
	color: #fff;
	text-shadow: 0 0 1px #fff;
	box-shadow: inset 0 0 0 10px #6EB93D;
}
.demo-1 .bg-1 .deco {
	
	border-color: #0178B5;
}


.demo-1 .bg-2 blockquote:before {
	color: #222;
}

.demo-1 .bg-2 [data-icon]:after {
	color: #fff;
	text-shadow: 0 0 1px #fff;
	box-shadow: inset 0 0 0 10px #F7CCAE;
}
.demo-1 .bg-2 .deco {
	
	border-color: #fff;
}

/* Third Slide */
.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
	background: url(../img/slider/3.jpg) no-repeat;
	background-size:cover;
}

.demo-1 .bg-3 .deco {
	
	border-color: #fff;
}

.demo-1 .bg-3 [data-icon]:after {
	color: #fff;
	text-shadow: 0 0 1px #fff;
	box-shadow: inset 0 0 0 10px #CFB41B;
}



.demo-1 .bg-3 h2,
.demo-1 .bg-3 blockquote{
	color: #211E19;
	/*text-shadow: 0px 1px 1px rgba(0,0,0,0.3);*/
}

.demo-1 .bg-3 blockquote:before {
	color: #c46c96;

}

.demo-1 .sl-slide blockquote{}

/* Forth Slide */
.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
		background: url(../img/slider/4.jpg) no-repeat;
	background-size:cover;
}

.demo-1 .bg-4 .deco {
	border-color: #E8050E;
}

.demo-1 .bg-4 [data-icon]:after {
	color: #fff;
	text-shadow: 0 0 1px #fff;
	box-shadow: inset 0 0 0 10px #424242;
}


.demo-1 .bg-4 h2,
.demo-1 .bg-4 blockquote{
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.demo-1 .bg-4 blockquote:before {
	color: #379eaa;
}

/* Fifth Slide */
.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
		background: url(../img/slider/5.jpg) no-repeat;
	background-size:cover;
}

.demo-1 .bg-5 .deco {
	border-color: #ECD82C;
}

.demo-1 .bg-5 .deco:after {
	color: #000;
	text-shadow: 0 0 1px #000;
}

.demo-1 .bg-5 h2,
.demo-1 .bg-5 blockquote{
	color: #000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.demo-1 .bg-5 blockquote:before {
	color: #ecd82c;
}

.demo-1 .bg-5 [data-icon]:after {
	color: #fff;
	text-shadow: 0 0 1px #fff;
	box-shadow: inset 0 0 0 10px #CFB41B;
}

.demo-1 .bg-6 .deco {
	border-color: #ECD82C;
}

.demo-1 .bg-6 .deco:after {
	color: #000;
	text-shadow: 0 0 1px #000;
}

.demo-1 .bg-6 [data-icon]:after {
	color: #fff;
	text-shadow: 0 0 1px #fff;
	box-shadow: inset 0 0 0 10px #CFB41B;
}

/* Animations for content elements */

.sl-trans-elems .deco{
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}
.sl-trans-elems h2{
	-webkit-animation: moveUp 1s ease-in-out both;
	-moz-animation: moveUp 1s ease-in-out both;
	-o-animation: moveUp 1s ease-in-out both;
	-ms-animation: moveUp 1s ease-in-out both;
	animation: moveUp 1s ease-in-out both;
}
.sl-trans-elems blockquote{
	-webkit-animation: fadeIn 0.5s linear 0.5s both;
	-moz-animation: fadeIn 0.5s linear 0.5s both;
	-o-animation: fadeIn 0.5s linear 0.5s both;
	-ms-animation: fadeIn 0.5s linear 0.5s both;
	animation: fadeIn 0.5s linear 0.5s both;
}
.sl-trans-back-elems .deco{
	-webkit-animation: scaleDown 1s ease-in-out both;
	-moz-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}
.sl-trans-back-elems h2{
	-webkit-animation: fadeOut 1s ease-in-out both;
	-moz-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}
.sl-trans-back-elems blockquote{
	-webkit-animation: fadeOut 1s linear both;
	-moz-animation: fadeOut 1s linear both;
	-o-animation: fadeOut 1s linear both;
	-ms-animation: fadeOut 1s linear both;
	animation: fadeOut 1s linear both;
}
@-webkit-keyframes roll{
	0% {-webkit-transform: translateX(500px) rotate(360deg);}
	100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
	0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
	0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
	0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
	0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
	100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
	0% {-webkit-transform: translateY(40px);}
	100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
	0% {-moz-transform: translateY(40px);}
	100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
	0% {-o-transform: translateY(40px);}
	100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
	0% {-ms-transform: translateY(40px);}
	100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
	0% {transform: translateY(40px);}
	100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes scaleDown{
	0% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
	0% {-moz-transform: scale(1);}
	100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
	0% {-o-transform: scale(1);}
	100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
	0% {-ms-transform: scale(1);}
	100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
	0% {transform: scale(1);}
	100% {transform: scale(0.5);}
}
@-webkit-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-o-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeOut{
	0% {opacity: 1;}
	100% {opacity: 0;}
}


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

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

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


body::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
@media only screen and (min-width: 1170px) {
  body::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

a {
  color: #e3ca76;
  text-decoration: none;
}

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

Main Components 

-------------------------------- */
@media only screen and (min-width: 1170px) {
  .cd-section {
    height: 100vh;
	background:#fff;
	
  }
}

.cd-section h2 {
  text-align:center;
  padding-top:25%;
}

@media only screen and (min-width: 768px) {
  .cd-section h1 {
    font-size: 3.2rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-section h1 {
    font-size: 4.2rem;
  }
}

.cd-block, .cd-half-block {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-block {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.cd-block h4{
	padding-top:3%;
		 font-family: 'caviar_dreamsregular';
	color:#fff;
	font-size:44px;
	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
			   text-align:center;
			   text-transform:uppercase;

	}




.cd-section:first-of-type .cd-block {
  visibility: visible;
  height: 100vh;
  background-color: #263b40;
}
@media only screen and (min-width: 1170px) {
  .cd-block {
   /* position: fixed;*==========================================================================================================================================================*/
	 position: fixed;
	 
    width: 100%;
    min-height: 100vh;
    top: 0;
    left: 0;
    height: 100vh;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
    visibility: hidden;
  }
  .cd-section:first-of-type .cd-block {
    visibility: visible;
  }
  .cd-block > * {
    visibility: visible;
  }
  
}  

@media only screen and (max-width: 1170px) {
	
/*  .cd-section:nth-of-type(3) .cd-half-block:first-of-type {
  background-image: url("../img/img-2.jpg");
  background-size: cover;
  background-attachment:fixed;
}
.cd-section:nth-of-type(4) .cd-half-block:first-of-type {
  background-image: url("../img/img-1.jpg");
  background-size: cover;
  background-attachment:fixed;
}
.cd-section:nth-of-type(5) .cd-half-block:first-of-type {
  background-image: url("../img/img-3.jpg");
  background-size: cover;
  background-attachment:fixed;
}*/
  
}

.cd-half-block {
  background: #ffffff;
  color: #A4A86B;
}
.cd-half-block.clr_1{background:#4D4C48    !important;} 

.cd-half-block.clr_3{background:#fff    !important;} 
.cd-half-block.clr_3 p{background:#fff   !important;} 
.cd-half-block.clr_3 span{color:#3C3B39     !important; }


.cd-half-block.clr_2{background:#44a7eb    !important;} 
.cd-half-block.clr_2 p{background:#fff   !important;} 
.cd-half-block.clr_2 span{color:#fff   !important; }



.cd-half-block.clr_2 h3 b{color:#E25537   !important;}

.cd-half-block.clr_1 h2{
	 font-family: 'caviar_dreamsregular';
	color:#fff;
	font-size:58px;
	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
			   text-align:center;
			   text-transform:uppercase;
	
	
	
	}
.cd-half-block.clr_1 p{color:#909090;font-size:13px;width:80%;}
.cd-half-block.clr_1 h3{text-align:center; padding:5% 0%;}
.cd-half-block.clr_1 h3 b{font-family: 'caviar_dreamsregular';display:block;text-transform:capitalize;font-weight:normal;padding:10px 0px 0px 0px;color:#fff !important;}


.cd-half-block.clr_1 span{padding:1% 0%;width:80%;display:block;margin:0px auto;color:#919191;}
.cd-half-block a{position:absolute;bottom:0; left:0;display:block;text-decoration:none;}
.cd-half-block a.p_left{ border: 1px solid #fff !important;    color: #fff;    left: 0;    right: initial;}


.cd-half-block a:hover{color:#FFF;text-decoration:none;}





.cd-half-block:nth-of-type(1) {
  height: 60vh;
  background-position: center center;
  background-repeat: no-repeat;
  
 
}
.cd-half-block:nth-of-type(5) {
 /* padding: 4em 10%;*/
    padding: 16em 10%;
	z-index:-10px !important;
}

.cd-section:nth-of-type(2) .cd-half-block:first-of-type {
  background-image: url("../img/img-2.jpg");
  background-size: cover;
  
}
.cd-section:nth-of-type(3) .cd-half-block:first-of-type {
  background-image: url("../img/img-1.jpg");
  background-size: cover;
 
}
.cd-section:nth-of-type(4) .cd-half-block:first-of-type {
  background-image: url("../img/img-3.jpg");
  background-size: cover;
 
}

.portfolio_main{height: 100vh;    position: relative;  background-color:#A59877; }
.portfolio_main .cd-block {z-index:-2 !important; position:relative !important;}


.anim_pad{padding:0% 0% 0% 0%;}
.anim_title{}
.anim_title h4{ padding-top:10%;font-family: 'caviar_dreamsregular';
	color:#0085BF;
	font-size:44px;
	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
			   text-align:center;
			   text-transform:uppercase;
	}
	
	.anim_hight{height:100vh;}



@media only screen and (min-width: 1170px) {
  .cd-half-block {
    height: 100vh !important;
    width: 50%;
    position: absolute;
    top: 0;
  }
  .cd-half-block p {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    padding: 0 30%;
    font-size: 2.4rem;
  }
  .cd-section:nth-of-type(even) .cd-half-block:first-of-type, .cd-section:nth-of-type(odd) .cd-half-block:nth-of-type(2) {
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .cd-section:nth-of-type(odd) .cd-half-block:first-of-type, .cd-section:nth-of-type(even) .cd-half-block:nth-of-type(2) {
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.cd-vertical-nav {
  position: fixed;
  z-index: 1;
  right: 1%;
  top: 92%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.cd-vertical-nav a {
  display: block;
  height: 40px;
  width: 40px;
  /* image replace */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:  url(../img/cd-icon-arrow.svg) no-repeat center center;
  -webkit-transition: opacity 0.2s 0s, visibility 0.2s 0s;
  -moz-transition: opacity 0.2s 0s, visibility 0.2s 0s;
  transition: opacity 0.2s 0s, visibility 0.2s 0s;
  outline:none !important;
}
.cd-vertical-nav a.cd-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-bottom: 10px;
}
.cd-vertical-nav a.inactive {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
  transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
@media only screen and (min-width: 1170px) {
  .cd-vertical-nav {
    display: block;
  }
}



.dddd{background:#009; color:#fff;}


.f_bg{background-image:url(../img/footer.jpg);

background-attachment:fixed;background-repeat:no-repeat;background-size:cover;
height:100vh;}



/*=============footer css start==================================*/

.fot_section{background:#F6F5F1;margin-top:20vh;border:1px solid #f3f3f3;padding:20px;

outline: 1px solid #F6F5F1;
outline-offset: 5px;
}

.fot_logo{padding:10px 0px 40px 0px;}
.fot_logo img{margin:0px auto; display:block;}
.f_address span{font-size:18px;color:#484848;}


.footer{
  position: relative;
  top: 35%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  


}

.service_icon
{ 
background-image:url(../img/svg/global53.svg);

width:140px;height:140px;margin:25px auto 0px;
}

.address{padding-bottom:15px;}


/*============thumbnail top part css====================== */

.bg_black{background:#000;}


.pe-container{width:80%;margin:0px auto 0px;padding-bottom:20px;}
.pe-thumbs{
	/*width: 900px;
	height: 400px;*/
	margin: 20px auto;
	/*position: relative;*/
	background:#000;
	/*background: transparent url(../img/2.jpg) center center;*/
	/*border: 5px solid #fff;*/
/*	box-shadow: 0 1px 2px rgba(0,0,0,0.2);*/
}
.pe-thumbs:before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*background:#000;*/
}
.pe-thumbs li{
	float:left;
	position: relative;
	width:10%;
	
}

.pe-thumbs li a img{
	width:100%;
}
.pe-thumbs li a,
.pe-thumbs li a img{
	display: block;
	position: relative;
}
.pe-thumbs li a img{
	/*width:100px;*/
	opacity: 0.2;
}
.pe-thumbs li a div.pe-description{
	/*width: 200px;*/
/*	height: auto !important;
	background: #000;
	position: absolute;
	top: 0px;
	left: -200px;
	color: white;
	display: none;
	z-index: 1001;
	text-align: left;*/
	
	
	background: #000 none repeat scroll 0 0;
    color: white;
    display: none;
    float: left !important;
    height: auto !important;
    left: 0 !important;
    position: absolute;
    text-align: left;
    top: -6px !important;
    width: 100% !important;
    z-index: 1001;
}
.pe-description h3{
	padding: 10px 10px 0px 10px;
	line-height:18px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	font-size: 18px;
	margin: 0px;
	
	 word-wrap: break-word;
}
.pe-description p{
	padding: 10px 0px;
	margin: 10px;
	font-size: 11px;
	font-style: italic;
	border-top: 1px solid rgba(255,255,255,0.3);
}







/* =============================================================================
  SOCIAL ICON
============================================================================= */


.social {
  position: fixed;
  top: 30%;
  z-index:999999;
}
.social ul {
  padding: 0px;
  -webkit-transform: translate(-270px, 0);
  -moz-transform: translate(-270px, 0);
  -ms-transform: translate(-270px, 0);
  -o-transform: translate(-270px, 0);
  transform: translate(-270px, 0);
}
.social ul li {
  display: block;
  margin: 5px;
  background: rgba(0, 0, 0, 0.36);
  width: 320px;
  text-align: right;
  padding: 10px;
  -webkit-border-radius: 0 30px 30px 0;
  -moz-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li  a{display: block;
    text-decoration: none;
    color: #fff !important;
    text-shadow: 1px 1px 1px #484848;}


.social ul li:hover {
  -webkit-transform: translate(110px, 0);
  -moz-transform: translate(110px, 0);
  -ms-transform: translate(110px, 0);
  -o-transform: translate(110px, 0);
  transform: translate(110px, 0);
  background: rgba(255, 255, 255, 0.4);
}
.social ul li:hover a {
  color: #000;
}
.social ul li:hover i {
  color: #fff;
  background: rgba(0, 0, 0, 0.36);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.social ul li i {
  margin-left: 10px;
  color: #000;
  background: #fff;
  padding: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 24px;
  background: #ffffff;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.twitter{background:#00aced !important;text-shadow:none !important;}
.fb_bg{background:#3b5998 !important;text-shadow:none !important;padding:10px 14px 10px 0px !important;}
.google_plus{background:#dd4b39 !important;text-shadow:none !important;}



/* =============================================================================
  SOCIAL ICON
============================================================================= */








/*==========inner page cs start=======================================================*/

.inner_page{background:#f5f5f5;/*height:95vh*/;}
.inner_title h4{ padding-top:165px;;font-family: 'caviar_dreamsregular';
	color:#0085BF;
	font-size:44px;
	text-shadow: 0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
			   text-align:center;
			   text-transform:uppercase;
			   padding-bottom:60px;
	
	}
	
 .b_tag {
    color: #414141;
    display: block;
    font-family: "caviar_dreamsregular";
    font-weight: normal;
    padding: 10px 0 0;
    text-transform: capitalize;
	text-align:center;
}

.contact_us{padding:10px 0px; }

.contact_map{width:40%;float:left;}

.contact_map iframe{width:100%;padding:0px 0px;height:400px;}

.contact_right{width:60%; background:#fff;float:left;height:400px;padding:0%;}

.contact_bott{margin-top:40px;}



.frm_m_left {
    float: left;
    padding: 30px 10px 10px 30px;
    width: 26%;
}

.adrs {
    border-bottom: 1px dashed #dbdbdb;
    color: #424242;
    font-family: 'arial';
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


.adrs b {
    display: block;
    padding-bottom: 5px;
}

.frm_m_right {
    float: right;
    font-family: 'arial';
    padding: 30px 10px 10px;
    width: 73%;
}


.rowElem .snd_btn {
    background: #0096C2  none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    margin-right: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.rowElem .rst_btn {
    background: #414141 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding: 5px 10px;
    
}

.rowElem {
    color: #969696;
    margin-bottom: 9px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .rowElem { margin-bottom: 10px;} 
}

.rowElem label {
    display: block;
    float: left;
	font-weight:normal;
}

.rowElem .input_1 {
    background: #fff none repeat scroll 0 0;
    border: none;
    float: right;
    padding: 6px 5px;
    width: 70%;
	box-shadow: 0px 0px 5px #D6D6D6;
}


.rowElem .slct_1 {
    background: #fff none repeat scroll 0 0;
    border: none;
    float: right;
    padding: 6px 5px;
    width: 70%;
	color:#a2a2a2;
	font-size:12px;
	 box-shadow: 0px 0px 5px #D6D6D6;
}

.rowElem .textarea {
    background: #fff none repeat scroll 0 0;
    border:none;
    float: right;
    padding: 6px 5px;
    width: 70%;
	height:70px;
	font-size:12px;
	
	    box-shadow: 0px 0px 5px #D6D6D6;
}

.rowElem i{float:right;}



.inner_left_img{background:#fff; padding-bottom:10px;}

.inner_right_section{padding:0% 6%;}

.java_struts{padding:10% 0%;background:#fff;}

.in_title{ display: block;    font-size: 38px;    line-height: 38px;    margin: 0 auto;    padding-bottom: 10%;    width: 72%;	 font-family: "caviar_dreamsregular";	 text-align:center;	}
	
.hiber_clr{color:#baad79;}
.ios_develpment{}

.padd_remove{padding:0px 0px !important;}

.hgt_1{height:100px;}
.hgt_2{height:200px;}
.hgt_3{height:300px;}
.hgt_4{height:400px;}
.hgt_5{height:500px;}
.hgt_6{height:600px;}
.hgt_7{height:700px;}
.hgt_8{height:800px;}
.hgt_9{height:900px;}
.hgt_10{height:1000px;}



.height_inherit{height:inherit;}

.ios_div{padding:19% 10%;}
	
.ios_sec{background:#fff; position:relative;top:-60px; padding:3% 3% !important;}
.ios_sec_title{margin-bottom:60px;}
.ios_sec_title h3{padding-bottom:10px;color: #3D263A;}

/*============Parallax Effect========================*/
#one_bg_banner{width:100%;}

#one_bg_banner{background:url(../img/mobilr_app_dev.jpg) 50% 0 no-repeat fixed;
	margin: 0 auto;
	padding: 0;
	
	
}
.mobile_app_bg{position:relative;height:70vh;}



.bg_white{background:#fff;}

.mobile_block_1{padding:2% !important;position:absolute;top:-100px;; right:2%;}
.mobile_block_1 h3{text-transform:uppercase;padding-bottom:10px;}
.mobile_block_1 p{color:#484848;}


.mobile_block_2{padding:2% !important;}
.mobile_block_2 h3{text-transform:uppercase;padding-bottom:50px;}


.s{background-image:url(../img/app_development/apple%20%5BConverted%5D.svg);width:200px;height:200px;
background-repeat:no-repeat;}

/*===mobile app development css start===============================*/

.responsive_slider_icon{position:relative;padding-bottom:20px;}
.responsive_slider_icon b{display:block;text-align:right;}

.responsive_slider_icon_2{position:relative;padding-bottom:20px;}
.responsive_slider_icon_2 b{display:block;text-align:left;}


.our_services{padding-top:110px;}
.our_services .services_part{position:relative;}


.apple_icon_position{position:relative;left:50%}
.android_icon_position{position:relative;left:30%}



.css_icon_position{position:relative;right:-30%}
.html_icon_position{position:relative;right:-50%}


.mobile_sec_bg_1{background:#1A2632;padding:20px 0px;}




.mobile_sec_bg_1 h3{color:#fff;}
.mobile_sec_bg_1  b,p{color:#fff;}
.mobile_sec_bg_1 .your{padding-top:20px;}

.mobile_sec_bg_1 .skills_outer {
    padding: 0 0.2%;
}
.mobile_sec_bg_1 .skill_bott {
  
  
    margin: 0 auto 30px;
    width: 260px;
}
.mobile_sec_bg_1 .skill_bot_line_left {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 2px;
    margin: 15px 4px 0;
    width: 100px;
}
.mobile_sec_bg_1 .skill_bot_line_right {
    background: #fff none repeat scroll 0 0;
    float: right;
    height: 2px;
    margin: 15px 4px 0;
    width: 100px;
}


.mobile_sec_bg_2{background:#C5C5C5;}




.mobile_sec_bg_2 h3{color:#000;padding:20px 0px;}
.mobile_sec_bg_2 p{color:#000;}
.mobile_sec_bg_2 .your{padding-top:20px;}

.mobile_sec_bg_2 .skills_outer {
    padding: 0 0.2%;
}
.mobile_sec_bg_2 .skill_bott {
  
  
    margin: 0 auto 15px;
    width: 260px;
}
.mobile_sec_bg_2 .skill_bot_line_left {
    background: #000 none repeat scroll 0 0;
    float: left;
    height: 2px;
    margin: 15px 4px 0;
    width: 100px;
}
.mobile_sec_bg_2 .skill_bot_line_right {
    background: #000 none repeat scroll 0 0;
    float: right;
    height: 2px;
    margin: 15px 4px 0;
    width: 100px;
}



.web_list{
	padding: 5%;
    
    margin: 2% 0%;
}


.web_list ul {
    list-style-type: none;
}

.web_list ul li {
    color: #000;
    font-size: 15px;
    padding: 10px 10px 10px 0;
}

.web_list ul li p {
border-bottom: 1px dashed #ddd;
    color: #577B9E;
    display: inline;
    padding: 5px 10px 5px 0px;
    text-transform: capitalize;
    font-weight: bold;
}
/*==============footer=================*/
.footer_bot_bor{background:url(../img/foo_bot_bor.jpg) repeat-x;height:5px; width:100%;}

.footer_bottom{background: #3c3c3d none repeat scroll 0 0;

	z-index:0}
.footer_bottom span{display:block;color:#fff;font-size:12px;line-height:62px;text-align:center;}

/*=====mobile statgy============*/

.m_app_strategy{padding:40px 0px;}
.m_app_strategy h3{padding:10px 0px;}

.in_title_2{ display: block;    font-size: 20px;    line-height: 26px;    margin: 0 auto;    padding-bottom:20px;	}

.m_app_strategy_bot{background:#F5F5F5; padding:20px 0px;}

.m_app_strategy_bot_in{padding:20px 0px;margin-bottom:10px;}

/*=====mobile statgy============*/

.strategy_left{ padding:10px 0px;}
.strategy_left ul{list-style:none;}
.strategy_left ul li{display:block;padding: 5px 0 5px 20px;font-size:13px;}
.strategy_left ul li span{padding-right:10px;margin-left:-20px;position:relative;float:left;color:#0390a1;}
.strategy_left p{float:left;color:#0390a1;}
.strategy_bot_in_right p{padding-top:10px;}


/*=====mobile App Design============*/
.Mobila_app_design_part{padding:1% 0%;background:#1A2632;}
.Mobila_app_design_part .inner_left_img{background:#1A2632;}
.Mobila_app_design_part .inner_right_section{background:#1A2632;}

.Mobila_app_design_part .in_title{color:#45C4AE;font-family:Arial, Helvetica, sans-serif;line-height:inherit;}



.m_design_sec_1{margin: 20px 0px;    padding: 10px;}

.m_design_sec_1 p{ padding:30px 0px;}


/*===========Quality Assurance css start====================*/

.Quality_Assurance{padding:100px 0px;	background-color:#fff;}
.Quality_Assurance .in_title{padding:6%;}

.Quality_Assurance h4{padding-bottom:16px; color:#E25537;line-height:inherit; }

/*=============PHP css starts=============================*/

.php_part{}
.php{padding:100px 0px;	background-color:#fff;}


.php_part{padding:1% 0%;background-image:url(../img/php-banner.jpg);}

.php_part .php_in_title{color:#fff;font-family:Arial, Helvetica, sans-serif;line-height:inherit;}

.php h4{padding-bottom:16px;color:#000;}
.php_design_sec_1 p{ padding:20px 0px;font-size:14px;}
.php_design_sec_1 h3{ padding:20px 0px;}
.php_in_title{ display: block;    font-size: 38px;    line-height: 38px;    margin: 0 auto;    padding-bottom: 2%;    width: 72%;	 font-family: "caviar_dreamsregular";	 text-align:center; color:#f79b1c;padding-top:2%;	}

/*==============java spring css starts============================*/

.spring_in_title{display: block;    font-size: 38px;    line-height: 38px;    margin: 0 auto;    padding-bottom: 10%;    width: 72%;	 font-family: "caviar_dreamsregular";	 text-align:center; color:#6db33f;}

/*=============website design css starts=================================*/
.web_design_part{background:#fff;}
.web_design_part .inner_left_img{background:#fff;}
.web_development_design_part .inner_right_section{background:#fff;}

.web_design_part.web_design_title{color:#000;font-family:Arial, Helvetica, sans-serif;line-height:inherit;}
.web_designing_title{ display: block;    font-size: 38px;    line-height: 38px;    margin: 0 auto;      width: 72%;	 font-family: "caviar_dreamsregular";	 text-align:center;	color:#000;}
.w_design_sec_1{ margin: 20px 0;
    padding: 10px;}

.w_design_sec_1 p{ padding:30px 0px;font-size:14px;}


/*===============web development css starts=============================*/
.web_development_top_banner{}
.web_development_top_banner img{width:100%;}
.web_development_para1{width:70%;float:left;}
.web_development_para1 h1{color:#e25537;padding-top:20px;}
.web_development_para1 h6{color:#666666;font-size:20px;padding-top:20px;}
.web_development_para1 p{font-size:14px;padding-top:20px;}
.web_development_para1img{padding-top:20px;padding-bottom:20px;}


.web_development_para2img{float:left;width:35%;}
.web_development_para2{border: 1px solid #cccccc;border-radius: 5px;padding: 10px;margin:20px 0px;position:relative;cursor:pointer;}
.web_development_para2:hover{border:1px solid #ee7421;border-radius:5px;}
.web_development_para2 h1{color:#e25537;padding-top:25px;text-align:center;font-size:22px;}
.web_development_para2 h6{color:#666666;font-size:20px;padding-top:20px;}
.web_development_para2 p{font-size:14px;padding-top:20px;}
.read_more_btn{text-align:center;}
.read_more_btn a{background-color:#000;padding:5px 15px;margin:0px auto;display:inline-block;border-radius:3px;color:#fff;}
.e_comm_img{left: 35%;
    position: absolute;
    top: -15px;
}

.web_development_ourservice{/*background: rgba(0, 0, 0, 0) url(../img/gray_pattern.jpg) repeat scroll 0 0;*/
   
    box-shadow: 0 0 0 1px rgba(204, 204, 204, 1);
    float: left;
    font-size: 14px;

	padding:2%;}

.our_services_text{}
.our_services_text h1{text-align:center;padding-top:20px;}
.our_services_text p{color:#000;text-align:center;padding-top:20px;}











/*==============web promotion css starts===============================*/

.web_development{text-align:center;}
.web_development_titl{ display: block;    font-size: 20px;    line-height: 26px;    margin: 0 auto;    padding-bottom:20px;	text-align:center;}


/*====================web app promotion css starts==============================*/
.app_promotion_color{color:#e25537 ;text-align:center;}


/*============testing and qa css starts===============*/
.testing_and_qa_bg{}

.mobile_app_pic_bg{background:#0390A1;}
.webdesign_img{}



/*===========enquiry form css*/


.form-style-10{
    width:450px;
    padding:30px;
    margin:40px auto;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}

.form-style-10 .form_inquire{margin-top:30px !important;}


.form-style-10 .inner-wrap{
    padding: 30px;
    background: #F8F8F8;
    border-radius: 6px;
    margin-bottom: 15px;
}
.form-style-10 h1{
    background: #2A88AD;
    padding: 20px 30px 15px 30px;
    margin: -30px -30px 30px -30px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    /*font: normal 30px 'Bitter', serif;*/
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
	text-align:center;
}
.form-style-10 h1 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 label{
    display: block;
    font: 13px Arial, Helvetica, sans-serif;
    color: #888;
    margin-bottom: 15px;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.form-style-10 .section{
   /* font: normal 20px 'Bitter', serif;*/
    color: #2A88AD;
    margin-bottom: 5px;
}
.form-style-10 .section span {
    background: #2A88AD;
    padding: 5px 10px 5px 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 14px;
    margin-left: -45px;
    color: #fff;
    margin-top: -3px;
}
.form-style-10 input[type="button"],
.form-style-10 input[type="submit"]{
    background: #2A88AD;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    font-size: 15px;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover{
    background: #2A6881;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .privacy-policy{
    float: right;
    width: 250px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #4D4D4D;
    margin-top: 10px;
    text-align: right;
}