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

/*                        Reset CSS Part                    */

/*----------------------------------------------------------*/
.page-setup {  height: auto;  overflow: hidden;  padding: 50px 0;  width: 100%;}
.page-title {  background: #ccc none repeat scroll 0 0;  font-size: 31px;  font-weight: bold;  height: auto;  letter-spacing: 2px;  overflow: hidden;
  padding: 16px 0;  text-align: center;  text-shadow: 1px 2px 0 red;  width: 100%;}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

}

section, article, aside, header, footer, nav, dialog, figure {

	display: block;

}

ul, ol {

	list-style: none;

}

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

/*                        Global CSS Part                   */

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



::-moz-selection {

background-color: #005B9E;

color: #fff;

}

::selection {

	background-color: #005B9E;

	color: #fff;

}

@font-face {

    font-family: 'latoregular';

    src: url('../fonts/lato-regular_0-webfont.eot');

    src: url('../fonts/lato-regular_0-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/lato-regular_0-webfont.woff2') format('woff2'),

         url('../fonts/lato-regular_0-webfont.woff') format('woff'),

         url('../fonts/lato-regular_0-webfont.ttf') format('truetype'),

         url('../fonts/lato-regular_0-webfont.svg#latoregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'ramblabold';

    src: url('../fonts/rambla-bold-webfont.eot');

    src: url('../fonts/rambla-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/rambla-bold-webfont.woff2') format('woff2'),

         url('../fonts/rambla-bold-webfont.woff') format('woff'),

         url('../fonts/rambla-bold-webfont.ttf') format('truetype'),

         url('../fonts/rambla-bold-webfont.svg#ramblabold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'ralewaylight';

    src: url('../fonts/raleway-light-webfont.eot');

    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/raleway-light-webfont.woff2') format('woff2'),

         url('../fonts/raleway-light-webfont.woff') format('woff'),

         url('../fonts/raleway-light-webfont.ttf') format('truetype'),

         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'ralewayregular';

    src: url('../fonts/raleway-regular-webfont.eot');

    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),

         url('../fonts/raleway-regular-webfont.woff') format('woff'),

         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),

         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



body {

	font-family: 'latoregular';

	font-size: 16px;

	font-weight: normal;

	color: #2f2f2f;

}

.clr {

	clear: both;

}

img {

	max-width: 100%;

}



a {

	color: #202932;

	text-decoration: none;

}

a:hover {

	color: #66d5f2;

	text-decoration: none;

}



.NavDiv {

	max-width:1366px;

	margin: 0 auto;

	position: relative;

}



.containerNav {

	width: auto;

	padding: 0 4% 0 0;

}



.innerDiv {

	max-width:1200px;

	margin: 0 auto;

	position: relative;

}

.outerDiv {

	max-width: 1235px;

	margin: 0 auto;

	position: relative;

}

.container {

	width: auto;

	padding: 0 10px;

}



.marginright { margin-right:0% !important;}

.marginbottom { margin-bottom:0px !important; }

.bordernone { border:none !important; }



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

/*                        Header Part                       */

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



header {width:100%; float:left; clear:both; }

header .topheader {width:100%; float:left; background:#1c0f08; border-bottom:1px solid #1c0f08; padding:0px;}

header .topheader .logo {width:auto; float:left; display:inline-block; padding: 0px; margin-bottom: -4px;}

header .topheader ul { width:auto; float:right; display:table; }

header .topheader ul li {width:auto; display:table-cell; font-size:14px; text-align:center; text-transform:uppercase; font-family:'ralewayregular'; font-weight:bold;}

header .topheader ul li a {color: #d9a61b; padding: 30px 10px; float:left; }

header .topheader ul li a:hover {color:#ffffff; }

.active { color:#d9a61b !important; }



.VideoSection { width:100%; display:block; float:left;}

.banner { width:100%; float:left; display:block;}

.VideoSection .downbtn { width:100%; float:left; text-align:center; position:relative; z-index:1; margin-top: -12%; }



#section { width:100%; float:left; display:block; background:#f5f5f5; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; }

.HeadText { width:100%; float:left; display:block; margin-top:4%;}

.margintoper { margin-top:-3% !important; }

.HeadText h1 { font-size:38px; font-family:'latoregular'; text-align:center; color:#d9a61b; font-weight: bolder; text-transform: uppercase;}

.HeadText h4 { font-size:16px; color:#1a1a1a; text-align:center; margin-top:2%; font-weight:normal; line-height:26px;}

.HeadText .imgbox { width:auto; text-align:center; margin-top:15px; }

#section .serviceBox { width:100%; float:left; display:block; margin:4% 0%; }

#section .serviceBox .Sbox { width:24%; float:left; display:inline-block; margin-right:1%; }

.button { text-align:center; width:100%; float:left; cursor:pointer; margin-bottom:4.9%;}



.UpperNav { width:auto; float:right; display:block; }

.Uppersec { width: 37%; float: right; display: block; margin: 2% 0 0 0; }

.CallUs { font-size:18px; font-weight: bold; font-family:'latoregular'; color:#FFFFFF; width: auto; float: left; display: inline-block;}

.CountryDown { width: auto; float: left; display: inline-block; padding: 0 0 0 12%;}



.dropbtn {

    color: #a4a4a4;

    font-size: 18px;

	font-family:'ralewayregular';

	font-weight:bold;

    border: none;

    cursor: pointer;

	background:none;

}



.dropdown {

    position: relative;

    display: inline-block;

}



.dropdown::before {

  content: url(../images/inida_icon.jpg);

}

.dropdown::after {

  content: url(../images/country_arrow.png);

}



.dropdown-content {

    display: none;

    position: absolute;

    min-width: 110px;

	 background-color: rgba(255,255,255,0.9);

    box-shadow: 0px 8px 16px 0px rgba(96,96,96,0.2); margin-top: 2%;

    border-radius: 2px;

}



.dropdown-content a {

    color: black;

    padding: 10px 15px;

    text-decoration: none;

    display: block;

}



.dropdown-content a:hover {background: none;}



.dropdown:hover .dropdown-content {

    display: block;

}



.dropdown:hover .dropbtn {

    background: none; color:#a4a4a4;

}



#NumberBanner { width:auto; display:block; float: left; margin-bottom: -3px; }







/***************************************************** PROFILE STARTS FROM HERE /*****************************************************/



#article { background: url(../images/service-Banner.jpg) no-repeat center; width:100%; float:left; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; border-top:5px solid #1a1a1a; border-bottom:2px solid #fff;}

#article .Profilesection { width:100%; float:left; display:block; margin: 5% 0 6%;}

#article .Profilesection .outerborder { width:21%; position:relative; z-index:1; float:left; display:block; margin-right: 5%; }

#article .Profilesection .outerborder .imgborder { width:100%; display:inline-block; float:left; border-radius:135px; }

#article .Profilesection .outerborder .imgborder:hover { width:100%; display:inline-block; float:left; border: 10px dotted #1981be;  }

#article .Profilesection .outerborder .NameHeading { width:100%; float:left; display:block; margin-top:4%;}

#article .Profilesection .outerborder .NameHeading h2 { font-size:22px; text-align:center; color:#1a1a1a; text-transform:uppercase; font-weight:800; line-height: 2em;}

#article .Profilesection .outerborder .NameHeading h5 { font-size:14px; color:#147fcd; text-align:center; }



#article .Profilesection .outerborder .NameHeading .btn {

    width:100%;

    float: left;

    text-align: center;

    margin: 11% 0 0 0;

    height: 46px;

    cursor: pointer;

}

.ViewBtn { width:100%; float:none; margin:0 auto; text-align:center; }

.ViewBtn a {text-align:center; padding:5% 18%; font-size:22px; font-family:'ramblabold'; color:#FFFFFF; text-shadow:1px 1px 5px #171717; background:#3c3c3c; text-transform:uppercase; border-radius:25px; }

.ViewBtn a:hover { background:#1981be;}



.socical { width:auto;float:left;display:inline-block;position:relative; z-index:99; margin-top:-12%; margin-left:32%; }

.socical ul { width:auto;float:left; }

.socical ul li {float:left;	width:38px; height:30px; text-align:center; padding-top:8px; margin-left:3px; background:#1981be; border-radius:25px; border:2px solid #fff; }

.socical ul li:hover { background:#3c3c3c; border-radius:25px; border:2px solid #fff; }

.socical ul li img { vertical-align: bottom; }



/*********** Carousel CSS starts from here *************/

#ProSlider {

	height: 100%;

	float:left;

	width: 100%;

}

.caroufredsel_wrapper { width:100%!important; float:left!important; display:block!important; height:400px !important; }



#carousel {

	width: 100%;

	position:relative;

}

#carousel ul {

	list-style: none;

	display: block;

	margin: 0;

	padding: 0;

}

#carousel li {

	font-size: 40px;

	color: #202932;

	text-align: center;

	display: block;

	width: 265px;

	height: 400px;

	padding: 0;

	margin: 14px;

	float: left;

	position: relative;

}

#carousel li .sliderimg {

	margin-top: 14px;

	

	height:165px;

}



#carousel li .sliderimg1 {

	margin-top: 14px;

	

	height:165px;

}

#carousel li .sliderimg1:hover {

	margin-top: 14px;

	

	height:165px;

}



#carousel li .sliderimg2 {

	margin-top: 14px;

	background:url(../images/circle_3.png) no-repeat center;

	height:165px;

}



#carousel li .sliderimg3 {

	margin-top: 14px;

	background:url(../images/circle_4.png) no-repeat center;

	height:165px;

}



#carousel li .sliderimg4 {

	margin-top: 14px;

	background:url(../images/circle_1.png) no-repeat center;

	height:165px;

}



#Dcarousel li .sliderimg1 {

	margin-top: 14px;

	

	height:165px;

}



#Dcarousel li .sliderimg6 {

	margin-top: 14px;

	background:url(../images/circle_6.png) no-repeat center;

	height:165px;

}



#Dcarousel li .sliderimg7 {

	margin-top: 14px;

	background:url(../images/circle_7.png) no-repeat center;

	height:165px;

}



#Dcarousel li .sliderimg8 {

	margin-top: 14px;

	background:url(../images/circle_8.png) no-repeat center;

	height:165px;

}

#Dcarousel li .sliderimg9 {

	margin-top: 14px;

	background:url(../images/circle_9.png) no-repeat center;

	height:165px;

}



/*#carousel li .sliderimg:hover {

	background:url(../images/circle_1_hover.png) no-repeat center;

	margin-top: 14px;

	height:165px;

}*/



#carousel li .sp {

	display: block;

	overflow: hidden;

	width: 100%;

	height: auto;

	color:#202932;

	text-align:center;

	margin-top:5%;

}

#carousel li .sp h3 { color:#1c0f08; font-size:24px; font-family: 'latoregular'; text-align:center; float:left; width:100%; text-transform:uppercase; font-weight: 500;}

#carousel li .sp h2 { font-size:14px; font-weight:100; font-family: 'latoregular'; text-align:center; padding:8px 0px; float:left; line-height:25px;}



.arrowright { width:auto; float:right !important; display: block; }



.clearfix {

	float: none;

	clear: both;

}

.prev{

	background: transparent url(../images/left-arrow.jpg) no-repeat 0 0;

	text-indent: -999px;

	display: block;

	overflow: hidden;

	width: 28px;

	height: 28px;

	margin-left:0px;

	position: relative;

	float: left;

}



.next{

	background: transparent url(../images/right-arrow.jpg) no-repeat 0 0;

	text-indent: -999px;

	display: block;

	overflow: hidden;

	width: 28px;

	height: 28px;

	position: relative;

	float: left;

}



.prev {left: -6%;}

.prev:hover {left: -6%;}

.next {right: -6%;}

.next:hover {right: -6%;}

.pager {text-align: center; margin: 0 auto;}

.pager a {

	text-decoration: none;

	text-indent: -999px;

	display: inline-block;

	overflow: hidden;

	width: 8px;

	height: 8px;

	margin: 0 5px 0 0;

}

.pager a.selected {

	background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;

	text-decoration: underline;

}



/****************************** Different carousel Css starts from here *********/





#Dcarousel {

	width: 100%;

	position:relative;

}

#Dcarousel ul {

	list-style: none;

	display: block;

	margin: 0;

	padding: 0;

}

#Dcarousel li {

	font-size: 40px;

	color: #202932;

	text-align: center;

	display: block;

	width: 227px;

	height: 400px;

	padding: 0;

	margin: 5px;

	float: left;

	position: relative;

}

#Dcarousel li .sliderimg {

	margin-top: 14px;

	background:url(../images/circle_1.png) no-repeat center;

	height:165px;

}



#Dcarousel li .sliderimg:hover {

	background:url(../images/circle_1_hover.png) no-repeat center;

	margin-top: 14px;

	height:165px;

}



#Dcarousel li .sp {

	display: block;

	overflow: hidden;

	width: 100%;

	height: auto;

	color:#202932;

	text-align:center;

	margin-top:5%;

}

#Dcarousel li .sp h3 { color:#1c0f08; font-size:24px; font-family: 'latoregular'; text-align:center; float:left; width:100%; text-transform:uppercase; font-weight: 500;}

#Dcarousel li .sp h2 { font-size:14px; font-weight:100; font-family: 'latoregular'; text-align:center; padding:8px; float:left; line-height:25px;}



.Darrowright { width:auto; float:right !important; display: block; }



.clearfix {

	float: none;

	clear: both;

}

.Dprev{

	background: transparent url(../images/left-arrow.jpg) no-repeat 0 0;

	text-indent: -999px;

	display: block;

	overflow: hidden;

	width: 28px;

	height: 28px;

	margin-left:0px;

	position: relative;

	float: left;

}



.Dnext{

	background: transparent url(../images/right-arrow.jpg) no-repeat 0 0;

	text-indent: -999px;

	display: block;

	overflow: hidden;

	width: 28px;

	height: 28px;

	position: relative;

	float: left;

}



.Dprev {left: -6%;}

.Dprev:hover {left: -6%;}

.Dnext {right: -6%;}

.Dnext:hover {right: -6%;}

.Dpager {text-align: center; margin: 0 auto;}

.Dpager a {

	text-decoration: none;

	text-indent: -999px;

	display: inline-block;

	overflow: hidden;

	width: 8px;

	height: 8px;

	margin: 0 5px 0 0;

}

.Dpager a.selected {

	background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;

	text-decoration: underline;

}



/****************************** Different carousel Css starts from here *********/





/************** Carousel CSS ENDS here *************/



/********************************* OUR CLIENTS SECTION STARTS FORM HERE ****************************************/



#DDProSlider {

	height: 240px;

	width: 100%;

 	margin-top: 2%;

	float:left;

}

#DDcarousel {

	width: 100%;

	position:relative;

}

#DDcarousel ul {

	list-style: none;

	display: block;

	margin: 0;

	padding: 0;

}

.caroufredsel_wrapper { width: 100% !important; height:400px !important; }



#DDcarousel li {

	font-size: 40px;

	color: #999;

	text-align: center;

	display: block;

	width:222px;

	height: auto;

	padding: 0;

	margin: 6px;

	float: left;

	position: relative;

}

#DDcarousel li .clientslider1 {

	margin-top: 14px;

	background:url(../images/clients_1.jpg) no-repeat center;

	height:116px;

}



#DDcarousel li .clientslider1:hover {

	margin-top: 14px;

	background:url(../images/clients_1_hover.jpg) no-repeat center;

	height:116px;

}
#DDcarousel li .clientslider2 {

	margin-top: 14px;

	background:url(../images/clients_2.jpg) no-repeat center;

	height:116px;

}



#DDcarousel li .clientslider2:hover {

	margin-top: 14px;

	background:url(../images/clients_2_hover.jpg) no-repeat center;

	height:116px;

}

#DDcarousel li .clientslider3 {

	margin-top: 14px;

	background:url(../images/clients_3.jpg) no-repeat center;

	height:116px;

}



#DDcarousel li .clientslider3:hover {

	margin-top: 14px;

	background:url(../images/clients_3_hover.jpg) no-repeat center;

	height:116px;

}

#DDcarousel li .clientslider4 {

	margin-top: 14px;

	background:url(../images/clients_4.jpg) no-repeat center;

	height:116px;

}



#DDcarousel li .clientslider4:hover {

	margin-top: 14px;

	background:url(../images/clients_4_hover.jpg) no-repeat center;

	height:116px;

}

#DDcarousel li .clientslider5 {

	margin-top: 14px;

	background:url(../images/clients_5.jpg) no-repeat center;

	height:116px;

}



#DDcarousel li .clientslider5:hover {

	margin-top: 14px;

	background:url(../images/clients_5_hover.jpg) no-repeat center;

	height:116px;

}

#DDcarousel li .clientslider6 {

	margin-top: 14px;

	background:url(../images/clients_6.jpg) no-repeat center;

	height:116px;

}



#DDcarousel li .clientslider6:hover {

	margin-top: 14px;

	background:url(../images/clients_6_hover.jpg) no-repeat center;

	height:116px;

}

#DDcarousel li span {

	background: transparent url(../images/carousel_shine.png) no-repeat 0 0;

	text-indent: -999px;

	display: block;

	overflow: hidden;

	width: 201px;

	height: 127px;

	position: absolute;

	z-index: 2;

	top: 30%;

    left: 57%;

}

.clearfix {

	float: none;

	clear: both;

}

#DDcarousel .prev, #DDcarousel .next {

	background: transparent url(../images/carousel_control.png) no-repeat 0 0;

	text-indent: -999px;

	display: none !important;

	overflow: hidden;

	width: 25px;

	height: 25px;

	margin-left: 10px;

	position: absolute;

	top: 70px;

}



#DDcarousel .prev {

  background-position: 8px 0;

  left: -48px;

}

#DDcarousel .prev:hover {

	left: -48px;

}

#DDcarousel .next {

  background-position: -16px 0;

  right: -30px;



}

#DDcarousel .next:hover {

	right: -30px;

}





#DDpager { position: absolute; left:50%; bottom:52%; }

#DDpager a { background:#d3d3d3; border-radius: 10px; display: inline-block; width: 12px; height: 12px; margin: 0 5px 0 0; }

#DDpager a:hover { width:12px; height:12px; background:#8f8f8f; }

#DDpager a span { display: none; }

#DDpager a.selected { background:#8f8f8f; width:12px; height:12px; border-radius: 10px; }





/***************************************************** OUR CLIENTS SECTION STARTS FROM HERE *****************************************************/



/************* contact us css starts from here Fresh *****************/



.ConatctFull { width:100%; float:left; display:block; margin:3% 0px; }

.ConatctFull .Contactleft { width:45%; float:left; display:inline-block; margin-right:3%; }



.ConatctFull .Contactleft .PageContact { width:100%; float:left; display:block; margin:4% 0px; }

.ConatctFull .Contactleft .PageContact .SiteForm { width:auto; clear:both; float: left; }

.ConatctFull .Contactleft .PageContact .SiteForm .Contactfield { float: left; width: 46%; display: table-cell; margin-right:4%; margin-bottom:2%; }

.ConatctFull .Contactleft .PageContact .SiteForm .Contactfield input[type=text] { width: 100%; height: 30px; font-size:14px; font-weight:bold; border: 1px solid #bbbbbb; color: #000; border-radius: 8px; background-color: #f2f2f2; padding: 5px 7px; font-family:'latoregular' !important;}



.ConatctFull .Contactleft .PageContact .SiteForm .Contactfield input[type=email] { width: 100%; height: 30px; font-size:14px; font-weight:bold; border: 1px solid #bbbbbb; color: #000; border-radius: 8px; background-color: #f2f2f2; padding: 5px 7px; font-family:'latoregular' !important;}



.ConatctFull .Contactleft .PageContact .SiteForm .Contactfield textarea {width: 100%; clear: both; resize: none; overflow: hidden; font-size:14px; font-weight:bold; border: 1px solid #bbbbbb; font-family: 'latoregular' !important; color: #000; border-radius: 8px; background-color: #f2f2f2; padding: 10px 7px; outline:none; }

.MarginCon { margin:3% 0 2% !important; }

.width101 { width: 90% !important; }



.ConatctFull .ContactRight { width:50%; float:left; display:inline-block; }

.ConatctFull .ContactRight .ConMap { width:100%; float:left; display:block; margin: 4% 0px; }

.ConatctFull .ContactRight .ConatctPoints { width:100%; float:left; display:block; margin:2% 0px; }

.ConatctFull .ContactRight .ConatctPoints li { width: auto; clear: both; font-family:'latoregular'; font-size:14px; color:#1a1a1a; white-space:pre-line; line-height:23px; padding-bottom: 3%; }



.CarrerBtn input[type=submit] { width: 93%; float: left; text-align: center; -webkit-box-shadow: inset 0px -27px 100px -33px rgba(179,179,179,0.5); -moz-box-shadow: inset 0px -27px 100px -33px rgba(179,179,179,0.5); box-shadow: inset 0px -27px 100px -33px rgba(179,179,179,0.5); color: #fff; background:#d9a61b; text-transform: uppercase; font-size: 22px; font-family: 'latoregular'; border-radius: 5px; padding: 2% 0px; margin: 2% 0px 0%; border:none; }



.PointsHead { font-size:24px; color:#d9a61b; text-align:left; font-weight:bold; font-family:'latoregular'; padding-bottom:3%; padding-top:4%;}

.PointsHead span { color:#d90024; }



.CarrerText { font-size:14px; color:#141c24; text-align:justify; font-family:'latoregular'; font-weight:100; float:left; width:auto; display: inline-block; line-height:25px; }

.CarrerText span { color:#d90024; }

.contactmap { width:100%; float:left; margin-bottom:4%;}



/************* contact us css starts from here Fresh *****************/







/***************************************************** TESTIMONIAL SECTION STARTS FROM HERE ******************************************/



#TextSection { background: url(../images/test_bg.jpg) no-repeat center; width:100%; float:left; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; border-bottom:5px solid #1a1a1a; }



#slides {

  overflow: hidden;

  position: relative;

  width:975px !important;

  margin: 2% auto -5px;

  text-align:center;

}



#slides ul {

  list-style: none;

  width: 100%;

  margin: 0;

  padding: 0;

  position: relative;

}



#slides li {

  width: 100%;

  float: left;

  text-align: center;

  position: relative;

}



/* Styling for prev and next buttons */



.btn-bar {

  width: 100%;

  margin: 2% auto;

  display: block;

  position: relative;

}



#buttons {

  left:50%;

  margin: 0;

  position: absolute;

  z-index: 999;

}



#buttons a {

  display: block;

  width: 15px;

  height: 15px;

  background: #bfbfbf;

  float: left;

  border-radius: 7px;

  overflow: hidden;

  font-size: 0px;

  margin-left: 10px;

}



#buttons a:hover { background:#f0f0f0; border:1px solid #147fcd; border-radius: 7px;}



a#prev:hover, a#next:hover { color: #FFF; text-shadow: .5px 0px #b14943; }



.quote-phrase,

.quote-author {

  font-weight: 300;

  display: table-cell;

  vertical-align: middle;

  padding: 5px 20px;

  font-family:'latoregular';

}



.quote-phrase {

  font-size: 16px;

  color: #2f2f2f;

  text-align:center;

  line-height: 2.4em;

  padding-bottom:2%;

}



.quote-marks {

  font-size: 72px;

  padding: 0 3px 3px;

  position: inherit;

  color:#cccccc;

  font-family: 'latoregular';

  display:none;

}



.quote-author {

  font-size: 14px;

  color: #b14943;

  font-weight: bold;

  color:#a3a3a3;

  font-family: 'latoregular';

}



.quoteContainer,

.authorContainer {

  display: table;

  width: 100%;

}

/***************************************************** CHNAGES ******************************************/



/***************************************************** TESTIMONIAL SECTION ENDS HERE *********************************************************************/



/***************************************************** CLIENTS SECTION CSS STARTS FORM HERE ****************************************************************/



#ClientSection { background: url(../images/client-banner.png) no-repeat center; width:100%; float:left; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; border-bottom:2px solid #fff;}

#ClientSection .CompanyLogo { width:auto; float:left; text-align:center; margin:3% 0; }



/***************************************************** CLIENTS SECTION CSS ENDS HERE **********************************************************************/





/***************************************************** CONTACT US SECTION CSS STARTS FORM HERE ****************************************************************/



#ContactSection { background: url(../images/contact_bg.jpg) no-repeat center center fixed; width:100%; float:left; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; border-bottom:2px solid #fff;}



.ContactForm { width:100%; float:left; margin: 4% 0 2%; display:block; }



.widthbox select {

	width:107%;

	border:1px solid #b1b1b1;

	color:#2f2f2f;

	float:left;

	background: url(../images/darrow.png) no-repeat right center #eeeeee;

	height:47px;

	font: normal 16px 'latoregular';

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	border-radius:8px;

	padding: 0px 10px;

}

.user_login {

  width: 29%;

  float: left;

  display: inline-block !important;

  margin-right: 8%;

}

.widthbox {

	width:100%;

	float:left;

	display: table-cell;

	margin-bottom:4%;

}

.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {

	display: block;

	width:100%%;

	float:left;

	padding:5px 10px;

	border:1px solid #b1b1b1;

	color:#2f2f2f;

	border-radius:8px;

	font-size:16px;

	background-color: #eeeeee;

}



.select-style {

  float: left;

  width: 24%;

  display: table-cell;

  margin-bottom: 15px;

  margin-right: 7%;

  margin-bottom: 1%;

}

input[type=text] {

  width: 100%;

  height: 33px;

  font: normal 16px 'latoregular';

  border:1px solid #b1b1b1;

  color:#2f2f2f;

  border-radius:8px;

  background-color: #eeeeee;

  padding: 5px 10px;

}

.textBoxDiv {

  margin-bottom: 20px;

  width:auto;

}

textarea {

  width: 55%;

  clear: both;

  resize: none;

  overflow: hidden;

  font: normal 16px 'latoregular';

  border:1px solid #b1b1b1;

  color:#2f2f2f;

  border-radius:8px;

  background-color: #eeeeee;

  padding:10px 10px;

}



::-webkit-input-placeholder { color: #2f2f2f; }

:-moz-placeholder { color: #2f2f2f; }

::-moz-placeholder { color: #2f2f2f; }

:-ms-input-placeholder { color: #2f2f2f; }



/***************************************************** CONTACT US SECTION CSS ENDS HERE **********************************************************************/



/******************************* footer section starts from here ***************************/

footer {

	width:100%;

	clear:both;

	float:left;

}

footer .footerBottom {

	width:100%;

	clear:both;

	background:#111111;

	float:left;

	padding:10px 0;

	font-size:12px;

	color:#686868;

}

footer .footerBottom a {

	color:#fff;

}

.copy {

	float:left;

	width:auto;

	padding-top: 10px;

}

.copy li { width:auto; display:inline-block; color:#FFFFFF; font: normal 14px 'latoregular'; border-right:1px solid #4a2e1f; padding:0 10px;}

.design {

	float:right;

	width:auto;

}

.design li { width:auto; float:left; display:inline-block; margin-right: 12px;}



.design .fb { background:url(../images/fb_icon.png) center center no-repeat; width:32px; height:32px; font-size:0px;}

.design .fb:hover { background:url(../images/fb_icon_hover.png) center center no-repeat;}



.design .in { background:url(../images/in_icon.png) center center no-repeat; width:32px; height:32px; font-size:0px;}

.design .in:hover { background:url(../images/in_icon_hover.png) center center no-repeat;}



.design .tw { background:url(../images/tw_icon.png) center center no-repeat; width:32px; height:32px; font-size:0px;}

.design .tw:hover { background:url(../images/tw_icon_hover.png) center center no-repeat;}



footer .DDfooterBottom {

    width: 100%;

    clear: both;

    background: #d9a61b;

    float: left;

    padding: 12px 0;

    font-size: 12px;

    color: #000;

}

.Dcopy {

    float: left;

    width: auto;

}

.Ddesign {

    float: right;

    width: auto;

}



/********** popup section starts from here ************/

.overlay {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  transition: opacity 500ms;

  visibility: hidden;

  opacity: 0;

}

.overlay:target {

  visibility: visible;

  opacity: 1;

}



.popup {

  margin: 9% auto;

  padding: 20px;

  background: #fff;

  border-radius: 5px;

  width: 50%;

  position: relative;

  transition: all 5s ease-in-out;

}



.popup h2 {

  margin-top: 0;

  color: #333;

  font-family: Tahoma, Arial, sans-serif;

}

.popup .close {

  position: absolute;

  top: 20px;

  right: 30px;

  transition: all 200ms;

  font-size: 30px;

  font-weight: bold;

  text-decoration: none;

  color: #333;

}

.popup .close:hover {

  color: #06D85F;

}

.popup .content {

  max-height: 30%;

  overflow: auto;

}



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

  .box{

    width: 70%;

  }

  .popup{

    width: 70%;

  }

}

/********** popup section starts from here ************/





/*****************************************************MOBILE MENU CSS STARTS FROM HERE ************************************************************************/

.smallMenu {display:none;}



.wrapper {

	background-color: transparent;

	margin:0px !important;

}

.sidebar {

	background: #2a343e;

	box-shadow: inset -10px 0 8px -9px #11171d; display:none;

}

.sidebar li {

	width: auto;

	padding: 15px 20px;

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

	border-top: 1px solid rgba(255, 255, 255, .1);

}

.sidebar li a {

	color: #ffffff; text-transform:uppercase;

}

.sidebar li a:hover {

	color: #66d5f2;

}

.plus{float: right; margin-top: -17px;}





/******************************************* SOLUTIONS SECTION CSSS STARTS FROM HERE  ***********************************************************/



#solution { width:100%; float:left; display: block; margin:2% 0; }

.SolHeading { width: 100%; float: left; display: block; margin-top: 1%; }

.SolHeading h2 {

    font-size: 40px;

    text-align: left;

    color: #1a1a1a;

    font-weight: normal;

    text-transform: uppercase;

	margin-bottom: 1%;

}

.SolHeading h5 {

    font-size: 15px;

    color: #2f2f2f;

    text-align: left;

    font-weight: normal;

    line-height: 26px;

	white-space: pre-line;

}

#solution .SolPart { width: 100%; float:left; margin:2% 0px; display:block;}

#solution .SolPart .SolBox { width:47%; margin-top:2%; display: table; margin-right:2%; box-shadow: 1px 1px 4px #e2e2e2; border:1px solid #d8d8d8; border-radius:5px; float:left;}

#solution .SolPart .SolBox .SolBoxPad { width:auto; padding:12px; float:left; }

#solution .SolPart .SolBox .SolBoxPad .imgBoxDiv { display: table-cell; width: auto; float: left;}

#solution .SolPart .SolBox .SolBoxPad .detailsDiv { display: table-cell; width: 75%; float: left; padding-left:20px;}

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .TextHead { width:auto; clear:both; font-size:18px; color:#1a1a1a; text-align:left; text-transform:uppercase; font-weight:bolder; white-space: pre-line;}

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .TextHead span { color:#1981be; }

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .BullPoints { width:auto; float:left; display:block; margin-top: 2%; }

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .BullPoints li { width: auto; clear: both; background: transparent url(../images/bul_point.png) no-repeat scroll 0px 5px; padding-left: 15px; margin-top: 5px; color:#2f2f2f; font-size:14px; line-height: 17px;}

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .SolBtn { width:auto; float:right; display:block; padding:10px;}

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .SolBtn h3 { font-size:14px; font-weight:bold; text-align:center; }

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .SolBtn h3 a { color:#2f2f2f; }

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .SolBtn h3 a:hover { color:#1981be; }

#solution .SolPart .SolBox .SolBoxPad .detailsDiv .SolBtn span { color:#1981be; }

.width81 { width:81% !important; padding-left: 14px !important; }

.Padding10 {padding: 14px 12px 10px !important; }

.Textclose { word-spacing: -1px!important; line-height: 14px !important; padding-left: 13px !important; font-size: 13.5px !important; }

.margintop { margin-top:13px !important; }





/******************************************* Case study SECTION CSSS STARTS FROM HERE  ***********************************************************/



#Casestudy { width:100%; float:left; display: block; margin:2% 0; }

#Casestudy .Casepart { width:100%; float:left; display:table; margin:2% 0px; border-bottom: 1px solid #efefef; padding-bottom: 2%; }

#Casestudy .Casepart .CaseImg { width:25%; float:left; display: table-cell; margin-right:2%;}

#Casestudy .Casepart .righttext { width:73%; float:left; display:table-cell; }

#Casestudy .Casepart .righttext h4 { font-size:24px; color:#1981be; text-align: left; }

#Casestudy .Casepart .righttext .CasePoint { width:auto; float:left; display:block; }

#Casestudy .Casepart .righttext .CasePoint .CaseHead { font-size:18px; color:#1b1b1b; text-align:left; text-transform:uppercase; font-weight:bolder; margin: 3% 0px; }

#Casestudy .Casepart .righttext .CasePoint li { width: auto; clear: both; background: transparent url(../images/bul_point.png) no-repeat scroll 0px 5px; padding-left: 15px; margin-top: 5px; color:#2f2f2f; font-size:14px; line-height: 17px; }

.CaseHeading { font-size: 40px; text-align: left; color: #1a1a1a; font-weight: normal; text-transform: uppercase; margin-bottom: 1%; }





/******************************************* CONTACT US SECTION CSS STARTS FROM HERE  ***********************************************************/



#contact { width:100%; float:left; display: block; margin:2% 0; }

#contact .SiteContact { width:100%; float:left; display:block; }

#contact .SiteContact .ContactLeft { width:33%; float:left; display:inline-block; margin-right:5%; }

#contact .SiteContact .ContactLeft .ContactHead { font-size:40px; color:#1a1a1a; text-transform:uppercase; text-align:left; font-weight: 500; }

#contact .SiteContact .ContactLeft h3 { font-size:16px; color:#2f2f2f; text-align:left; line-height:20px; font-weight:normal; padding: 15px 0px; }

#contact .SiteContact .ContactLeft .ContactList { width:100%; float:left; display:block; margin:2% 0px; }

#contact .SiteContact .ContactLeft .ContactList li {width: 100%;float:left;display:inline-block;border-bottom:1px solid #dbdbdb;padding-bottom:10px;clear:both;margin-bottom:5%;}

#contact .SiteContact .ContactLeft .ContactList .ContactImg { width:auto; float:left; display:inline-block; margin-right:5%; }

#contact .SiteContact .ContactLeft .ContactList li h2 {font-size:16px;color:#2f2f2f; text-align:left; font-weight:normal; float:left; display:inline-block; white-space: pre-line;}



#contact .SiteContact .ContactRight { width:60%; float:left; display:inline-block; margin-top:1%; }

#contact .SiteContact .ContactRight .RightHeading { font-size:18px; color:#1a1a1a; text-align:left; text-transform:uppercase; font-weight: bolder; }



#contact .SiteContact .ContactRight .PageContact { width:100%; float:left; display:block; margin:4% 0px; }

#contact .SiteContact .ContactRight .PageContact .SiteForm { width:auto; clear:both; float: left; }

#contact .SiteContact .ContactRight .PageContact .SiteForm .Contactfield { float: left; width: 45%; display: table-cell; margin-right:5%; margin-bottom:2%; }

#contact .SiteContact .ContactRight .PageContact .SiteForm .Contactfield input[type=text] { width: 100%; height: 33px; font: normal 16px 'latoregular'; border: 1px solid #b1b1b1;color:#1a1a1a; border-radius: 8px; background-color: #ffffff;; padding: 5px 10px; }

#contact .SiteContact .ContactRight .PageContact .SiteForm .Contactfield select {

    width: 107%;

    border: 1px solid #b1b1b1;

    color: #1a1a1a;

    float: left;

    background: url(../images/darrow.png) no-repeat right center #ffffff;

    height: 47px;

    font: normal 16px 'latoregular';

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: 8px;

    padding: 0px 10px;

}

#contact .SiteContact .ContactRight .PageContact .SiteForm .Contactfield textarea {

	width: 100%;

    clear: both;

    resize: none;

    overflow: hidden;

    font: normal 16px 'latoregular';

    border: 1px solid #b1b1b1;

    color: #1a1a1a;

    border-radius: 8px;

    background-color: #ffffff;

    padding: 10px 10px;

}

.ContactBtn { width:100%; float:right; display:block; text-align: right; margin: 3% 1% 0px 0px; }

.width100 { width:95% !important; }



#contact .SiteContact .ContactLeft .ConSocial { width:100%;float:left;display:inline-block;position:relative; z-index:99; }

#contact .SiteContact .ContactLeft .ConSocial h5 { font-size:18px; color:#1981be; font-weight:normal; text-align:left; width:auto; float:left; margin-right: 2%; }

#contact .SiteContact .ContactLeft .ConSocial ul { width:auto; float:left; display:block; }

#contact .SiteContact .ContactLeft .ConSocial ul li {float:left; width:38px; height:30px; text-align:center; padding-top:8px; margin-left:10px; background:#3d3d3d; border-radius:25px; margin-top: -5%;}

#contact .SiteContact .ContactLeft .ConSocial ul li:hover { background:#147fcd; border-radius:25px; }

#contact .SiteContact .ContactLeft .ConSocial ul li img { vertical-align: bottom; }





/******************************************* WHO WE ARE SECTION CSSS STARTS FROM HERE  ***********************************************************/



#WhoWe { width:100%; float:left; display: block; margin:2% 0; }

#WhoWe .SiteWe { width:100%; float:left; display:block; }

#WhoWe .SiteWe .Wetext { font-size:15px; color:#2f2f2f; text-align:left; white-space: pre-line; line-height:25px;}

#WhoWe .SiteWe span { font-weight:bold; }





/******************************************* The Team SECTION CSSS STARTS FROM HERE  ***********************************************************/



.TeamPgText { width:auto; display:block; font-size:16px; text-align: justify;; line-height:25px; color:#2f2f2f }

#Casestudy { width:100%; float:left; display: block; margin:2% 0; }

#Casestudy .Teampart { width:100%; float:left; display:table; margin:2% 0px; border-bottom: 1px solid #efefef; padding-bottom: 2%; }

#Casestudy .Teampart .TeamImg { width:17%; float:left; display: table-cell; margin-right:2%;}

#Casestudy .Teampart .righttext { width:80%; float:left; display:table-cell; }

#Casestudy .Teampart .righttext h4 { font-size:24px; color:#1981be; text-align: left; }

#Casestudy .Teampart .righttext .TeamPoint { width:auto; float:left; display:block; }

#Casestudy .Teampart .righttext .TeamPoint .TeamHead { font-size:18px; color:#1b1b1b; text-align:left; text-transform:uppercase; font-weight:bolder; margin: 3% 0px 1%; }

#Casestudy .Teampart .righttext .TeamPoint .Teamtxt { font-size:16px; color:#0c72b3; text-align:left; text-transform:uppercase; font-weight:bolder; margin-bottom: 2%; }

#Casestudy .Teampart .righttext .TeamPoint li { width: auto; clear: both; background: transparent url(../images/bul_point.png) no-repeat scroll 0px 5px; padding-left: 15px; margin-top: 5px; color:#2f2f2f; font-size:14px; line-height: 17px; }

.CaseHeading { font-size: 40px; text-align: left; color: #1a1a1a; font-weight: normal; text-transform: uppercase; margin-bottom: 1%; }



.SocialIcons { width:auto; float:right; display:inline-block; margin: 2%; }

.SocialIcons li { width: auto; display: inline-block; text-align: center; padding-left: 0px !important; margin-top: 0px !important; font-size: 0px !important; line-height: 0px !important; clear:none !important; background:none !important; }

.SocialIcons li .Icons {float:left !important; width:38px !important; height:30px!important; text-align:center!important; padding-top:8px!important; margin-left:3px!important; background:#1981be!important; border-radius:25px!important; border:2px solid #fff!important; }

.SocialIcons li .Icons:hover { background:#3c3c3c !important; border-radius:25px !important; border:2px solid #fff!important; }

.SocialIcons li .Icons img { vertical-align: bottom; }



.MobLogo { display: none; }