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

   Fonts Styles

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



@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);



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

   Base styles: opinionated defaults

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



html, button, input, select, textarea {color: #333;}

body {font-size: 1.5em; line-height: 1.4; font-family: 'Poppins', sans-serif; font-weight:300; overflow-x:hidden; }

section, nav, menu, header, footer, article{ display:block; padding:0; margin:0;}

button, html input[type="button"], input[type="reset"], input[type="submit"] { box-shadow:none;}



h1, h2, h3, h4, h5, h6, legend { font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 1.25em; padding:0; margin:0; color:#333;}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{ color:#0032a1;}



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

ul li{  padding:0; margin:0;}

.alignleft{ text-align:left;}

.alignright{ text-align:right; margin:50px 0 0 0;}

.aligncenter{ text-align:center;}

.padding{ padding:3.2em 0 2em 0;}

.clear{ clear:both; padding:0; margin:0 0 0 0; height:50px;}

.clear1{ clear:both; padding:0; margin:0 0 0 0; height:1px;}

.border{ border-left:#f0f0f0 1px solid; }



/* Links */

a {

outline:none; color:#686868; text-decoration:none; outline: 0;



}

a:visited, a:focus, a:active {

outline:none; color:#686868; text-decoration:none; outline: 0;

}

a:hover,

a:focus,

a:active {

color:#686868;

}

a.read{ border:#f04f2c 1px solid;  display:inline-block; color:#f04f2c; font-family: 'Poppins', sans-serif; font-weight: 300; font-size:2em; text-transform:uppercase; padding:5px 20px; margin-top: 20px; transition: ease-out 0.4s; }

a.read:hover{ background:#f04f2c; border-color:#f04f2c; color:#fff; text-decoration:none;}



a.read1{font-family: "Roboto",sans-serif; display: inline-block; font-weight: 300; font-size:1.5em; padding: 15px 0 5px 0; color: #f04f2c; text-transform: uppercase; border-bottom:#e9e9e9 1px solid; }

a.read1:hover{   border-bottom:#f04f2c 1px solid; text-decoration: none;}

/* Head */



#masthead{

	position: relative;

}

.site-branding{

	margin-bottom: 20px;

}

h1.site-title{

	text-transform: uppercase;

	font-weight: 800;

	margin-top: 25px;



}

h1.site-title a:link, h1.site-title a:visited{

	color: #000;

}







/* Layout */



#primary, #secondary{



}



/* Slider */



#slidebox{

	max-height: 550px;



	position: relative;

	background: #000;

}



.doverlay{

	background: url(images/overlay.png);

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0px;

	top:0px;

	z-index: 100;



}



img.grayscale {

	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

	filter: gray; /* IE6-9 */

	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}





.flex-caption{

	width: 800px;

	position: absolute;

	top:40%;

	left: 50%;

	margin-left: -400px;

	text-align: center;

	z-index: 120;

	color: #fff;



}



.flex-caption h2{

	text-transform: uppercase;

	font-size: 36px;

	color: #fff;

}



.flex-caption h2 a:link, .flex-caption h2 a:visited{

	color: #fff;

}



.flex-caption p{

	font-size: 16px;

}



a.frmore{

	background: rgba(255,255,255,0.2);

	display: block;

	text-transform: uppercase;

	color: #fff;

	width: 150px;

	border: 1px solid #fff;

	padding: 5px 0px;

	margin: 10px auto;

	font-weight: bold;

	color: #fff!important;

}





/* Home widgets */



.fwidgets{

	padding: 40px 0px;

	background: #ed564b;

	border-top:5px solid #f96b61;

	border-bottom:5px solid #f96b61;

}



.homewidget{

	color: #fff;

	text-align: center;

}



.homewidget span{

	border: 5px solid #fff;

	background: transparent;

	width: 70px;

	height: 70px;

	border-radius: 35px;

	display: block;

	line-height: 65px;

	text-align: center;

	margin: 0px auto;

	font-size: 20px;

}



.homewidget h3{

	font-size: 24px;

	font-weight: bold;

}





/* Homepage */



.section-wide{

	margin-top:40px;

}

.sec{

	margin-bottom: 40px;

}

.section-title{

	text-transform: uppercase;

	padding-bottom: 20px;

}

.section-title h2{

	font-size: 24px;

	color: #000;

	font-weight: bold;

	margin-bottom: 5px;

}



.section-title p{

	font-weight: bold;

	border-bottom: 1px solid #dfdfdf;

	color: #aaa;

	padding-bottom: 20px;

}



.portbox,.postbox,.hthumb{

	position: relative;



}

.hthumb a img{

	display: block;

}

.overlay{

	position: absolute;

	background: #ED564B;

	width: 30px;

	height: 30px;

	line-height: 35px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	z-index: 100;

	right: 0px;

	bottom: 0px;

}

.portbox h3{

	text-align: center;

	color: #000;

	font-size: 14px;

}



.postbox h3{

	font-size: 16px;

	font-weight: bold;

}

.postbox h3 a:link, .postbox h3 a:visited, .portbox h3 a:link, .portbox h3 a:visited {

	color: #000;



}



.hometa{

	font-size: 12px;

	text-transform: uppercase;

	margin-bottom: 20px;

	font-weight: bold;

}





/* Article */



.page-head{

	background: #ed564b;

	padding: 20px 0px;

	color: #fff;

		border-top:5px solid #f96b61;

	border-bottom:5px solid #f96b61;

}



.page-head h3{

	font-size: 24px;

	text-transform: uppercase;

	font-weight: bold;

}



article.post, article.page, section.error-404{

	margin-bottom: 40px;

}



h1.entry-title{

	margin-top:10px;

	margin-bottom: 20px;

	font-weight: bold;

	font-size: 36px;

	color: #000;

}



h1.entry-title a:link, h1.entry-title a:visited{

	color: #000;

}



.entry-meta{

	font-weight: bold;

	text-transform: uppercase;

	font-size: 12px;

}









/* Search */



.widget_search{

	width: 100%;

}

.widget_search label{

	width: 100%;

}

input.search-field{

	border: 1px solid #ddd;

	background: #fafafa;

	border-radius: 20px;

	width: 90%;

	padding: 5px 5%;

	display: block;

}







/* Widgets */

.widget {

	margin: 0 0px 30px 0px;



}



h1.widget-title, h3.sidetitl {

    font-size: 20px;

 	color:#000;

 	height: 60px;

 	line-height: 60px;

 	text-transform: uppercase;

 	font-weight: bold;

}



.widget ul {

    list-style-type: none;

    margin: 0px;

    padding: 0px 0px 20px 0px;

}



.widget li {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

}



.widget ul ul {

    list-style-type: none;

    background-repeat: no-repeat;

    margin: 0px;

    padding: 0px;

}



.widget ul li {

    list-style-type: none;

    margin: 0px;

    margin: 0px 0px;

    color: #6f7779;

}



.widget ul li a:link,.widget ul li a:visited {

    color: #6f7779;

    text-decoration: none;

}



.widget ul li a:hover{

	color:#ed564b;

}



.widget.widget_categories ul li,.widget.widget_pages ul li,.widget.widget_archive ul li,.widget.widget_links ul li,.widget.widget_meta ul li {

    border-bottom: 1px dotted #ddd;

    padding: 7px 0px;

}



.widget.widget_recent_entries ul li  {

	padding: 7px 0px;

     border-bottom: 1px dotted  #ddd;

}



.widget ul#recentcomments li.recentcomments {

     border-bottom: 1px dotted  #ddd;

    padding: 7px 0;

}



.widget .textwidget p {

    padding: 0px 0px;

}



.widget .tagcloud {

    padding: 0px 0px 20px 0px;

}



.widget .tagcloud a{

	color:#F5634A;

}



.widget #calendar_wrap{

	padding:0px 20px 20px 20px;

	color: #6f7779;

}



.widget_ns_mailchimp{

	background: #fff;

	border:1px solid #eaeaea;

	padding: 20px 20px;

}



.widget_ns_mailchimp input.button{

	width: 110px;

	margin: 10px 0px 0px 0px;

}



.squarebanner{

	margin:0px;

}





.squarebanner ul{

	margin:0px 0px 0px 0px;

	padding:0px 0px 10px 0px !important;



}



.squarebanner ul li{

	margin:10px 20px 5px 0px;

	list-style:none;

	float:left;



}

.squarebanner ul li img{

	width: 110px;

	height: 110px;

}



li.rbanner{

	margin-right:0px!important;

}







/* Comments */



#comments{



}



h2.comments-title{

	font-size: 24px;

	margin-bottom: 20px;

	color: #ed564b;

}



#comments ol.comment-list {

    clear: both;

    overflow: hidden;

    list-style: none;

    margin: 0;

}



#comments ol.comment-list li.comment,#comments ol.comment-list li.pingback {

    margin: 0px 0px 10px 0px;

    padding: 0px 0px;

    line-height: 1.6;



}



ol.comment-list li .comment-author .avatar {

     margin: 10px 10px 20px 0px;

     float:left;

     width:64px;

     height: 64px;

     border-radius: 32px;

}



cite.fn {

    color: #444;

    font-style:normal;

    font-weight:bold;

    font-size:14px;

    padding-top: 10px;

    display: inline-block;

}



cite.fn a:link,cite.fn a:visited {

	color:#444;

}



ol.comment-list li .comment-meta{



	padding-bottom: 10px;

}



ol.comment-list li .comment-meta a {



    text-decoration: none!important;





}



.comment-metadata{

	font-size: 12px;

	color: #999;

}



.comment-metadata a:link, .comment-metadata a:visited{

	color: #999;

}



.comment-content{

	padding: 0px 10px 10px 74px;



}



ol.comment-list li .reply {

    color: #ed564b;

    font-size: 12px;

    margin-left: 74px;

}



ol.comment-list li .reply a {

    color: #ed564b;



}



.space{

	height:30px;

}





ol.comment-list li ul.children {

    list-style: none;

    text-indent: 0;

    margin: 20px 0px 0px 50px;

}





#respond {

    margin: 30px 0;



}



#respond h3 {

    font-size: 18px;

    color: #3a4755;

    padding: 5px 0px;

    margin:0px 0px;

}



#commentform {

    padding: 0px 0px;

}



#commentform p {

    color: #777;

    margin: 5px 0;

}



.form-allowed-tags{

	font-size:13px;

}



#respond label {

    display:inline;

    color: #777;

    padding: 5px 0;

}



#respond input {

    background: #fff;

    border: 1px solid #ddd;

    color: #777;

    margin: 0 10px 10px 0;

    padding: 5px;

}



#commentform input, #commentform textarea {

    width: 100%;

    display:block;

    margin-top:5px;

}



#respond input[type="submit"] {

    display: inline-block;

    font-weight: 300;

    margin: 15px 0 0;

    width: auto;

}



textarea#comment {

    display:block;

    margin-top:5px;

    background: #fff;

    border: 1px solid #ddd;

    width: 70%;

    color: #333;

    margin: 5px 0 0;

    padding: 10px 10px;

}





.form-allowed-tags{

	padding:20px 0px;



}



/* Footer widgets */



#bottom{

	padding: 20px 0px 40px 0px;

	background: #3b3b3b;

	border-top:5px solid #ed564b;

}



#bottom ul{

	margin:0px 0px;

	padding:0px;

}



h3.bothead{

    font-size: 16px;

    margin-bottom: 10px;

    padding: 10px 0px;

	color:#fff;

	text-transform: uppercase;

	}



.botwid{

	color: #aaa;

	}



.botwid ul {

	list-style-type: none;

	margin:  0px;

	padding: 0px 0px 0px 0px ;





	}

.botwid li{

	list-style-type: none;

	margin: 0 ;

	padding: 0px 0px;

    border-bottom: 1px dotted rgba(255,255,255,.2);

	}

.botwid ul ul  {

	list-style-type: none;

	margin: 0;

	padding: 0px 0px 0px 0px;

	background-repeat:no-repeat;

		}



.botwid ul ul ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	border:0;

	}



.botwid ul ul ul ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	border:0;



	}



.botwid ul li {

	height:100%;

	line-height:18px;

	clear: left;

	list-style-type: none;

	color: #aaa;

	}



.botwid ul li a:link, .botwid ul li a:visited  {

	color: #aaa;

	text-decoration: none;

	padding: 7px 0px 7px 0px;

	display:block;

	}



.botwid ul li a:hover{

	color: #fff;

	}



.botwid p{

	padding: 5px 0px;

	margin:0;

	line-height:150%;



	}



.botwid table {

	width:100%;

	text-align:center;

	color: #818181;

	}



.botwid ul#recentcomments li.recentcomments {

    padding:7px 0;

}





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

   Header & Menu Styles

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



#banner{ background:url(images/banner_bg.jpg) repeat-x left top; width:100%;}

#banner .big_orange{ color:#fff; text-transform:uppercase; font-family: 'Poppins', sans-serif; font-weight:700 !important; font-size:4.8em !important;}

#banner .text_head1{ color:#fff; width:50% !important;}

#banner .big_white{background:none; color:#fff;  text-transform:uppercase; font-family: 'Poppins', sans-serif; font-weight:700; font-size:3.8em;}

#banner .tp-caption.big_orange { background:none; font-weight:300; font-size:1.5em; text-transform:uppercase;}

#banner .tp-caption.big_orange a{ font-size:30px; font-weight:100; color:#fff; border:#fff 1px solid; padding:15px 50px; }

#banner .tp-caption.big_orange a:hover{ background:#fff; color:#007cc3; text-decoration:none; }

#banner .text_head1 > p {

    font-size: 18px;

    font-weight: 100;

    text-shadow: none;

	font-family: 'Poppins', sans-serif;

	line-height:26px;

}

.navbar-inverse{background:#fff; border: medium none; position:fixed; min-height:75px; box-shadow: 0 5px 11px 0 rgba(50, 50, 50, 0.08); }



/*

.flexnav {margin: 0; list-style: none;line-height: 1;display: block;overflow: visible; float:right; padding: 20px 0; }

.flexnav:after { content: ""; display: table; clear: both; }

.menu-button {display: none; padding: 18px 22px; ont-size: 18px; color: #7a8189; text-transform: uppercase; line-height: 1; background: #007cc3; cursor: pointer;}

.flexnav>li {float: left; display: block; position: relative;}

.flexnav li a {color: #8b8b8b;-webkit-transition: color .2s ease-out;-moz-transition: color .2s ease-out;-ms-transition: color .2s ease-out;-o-transition: color .2s ease-out;transition: color .2s ease-out;}

.flexnav>li>a {display: block; text-transform:uppercase; font-size: 1em; color:#686868; font-weight:400;  padding:10px 15px; margin:0 5px; transition: 0.4s; }

.flexnav li a:hover, .flexnav li .active {background-color: #f04f2c; color: #fff; text-decoration:none;}

.flexnav ul {position: absolute; list-style: none; left: 0; margin: 0; padding: 0;}

.flexnav ul ul {left: 240px;top: -1px;}

.flexnav ul li {display: block;position: relative;padding: 0;margin: 0;}

.flexnav ul li a {background: #2b2f3a;padding: 12px 22px;display: block;width: 240px;text-decoration: none;}

.flexnav ul {position: absolute;list-style: none;left: 0; margin:0px 0 0 0;padding: 0; }

.flexnav ul.show { background:url(images/menu_hover.png) no-repeat 50px -3px;   padding: 20px 0 0px 0;}

.flexnav ul ul {left: 240px; top:-1px;}

.flexnav ul li {display: block; position: relative; padding: 0; margin: 0; border: 1px solid #ddd; border-top:none;  }

.flexnav ul li a { background: #fff; color:#686868; padding: 12px 22px; border-bottom:#f1f1f1 1px solid;  font-weight:400; display: block; width: 240px; text-decoration: none;}

.flexnav ul li:first-child a{ border-top:#f04f2c 2px solid;}

.flexnav ul li:last-child a, .flexnav ul ul li:first-child a, { border:none; }

.flexnav ul ul.show {background:none;}

.flexnav ul.item-with-ul li:first-child a,{ border:none; }

*/

.navbar-fixed-top, .navbar-fixed-bottom{ z-index:999;}

.menu-collapser {

    position: relative;

    color: #333;

	/*

   text-indent: -9999px;

    white-space: nowrap;

	*/

    height: 48px;

    line-height: 48px;

    font-size: 16px;

    padding: 0 8px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

.collapse-button {

    position: absolute;

    right: 0px;

    top: 20px;

    width: 40px;

    background-color: #007cc3;

    background-image: linear-gradient(to bottom, #007cc3, #007cc3);

    background-repeat: repeat-x;

    border-radius:0;

    color: #FFFFFF;

    padding: 7px 10px;

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

    cursor: pointer;

    font-size: 14px;

    text-align: center;



    transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -webkit-transform: translate(0, -50%);



    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

.collapse-button:hover, .collapse-button:focus {

    background-image: none;

    background-color: #f04f2c;

    color: #FFF;

}

.collapse-button .icon-bar {

    background-color: #F5F5F5;

    border-radius: 1px 1px 1px 1px;

    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);

    display: block;

    height: 2px;

    width: 18px;

    margin: 2px 0;

}



ul.slimmenu {

    list-style-type: none;

    margin:20px 0 0 0;

    padding: 0;

	float:right;

}

ul.slimmenu li {

    position: relative;

    display: inline-block;

}

ul.slimmenu > li { }

ul.slimmenu > li:first-child { border-left: 0 }

ul.slimmenu > li:last-child { margin-right: 0 }

ul.slimmenu li a {

    display: block;

    color: #333;

 font-size: 1em; color:#686868; font-weight:400;  padding:10px 10px; margin:0 5px;

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

    transition: background-color 0.5s ease-out;

    -o-transition: background-color 0.5s ease-out;

    -moz-transition: background-color 0.5s ease-out;

    -webkit-transition: background-color 0.5s ease-out;

}

ul.slimmenu li a:hover, ul.slimmenu li a.active, ul.slimmenu li.current-menu-item a, ul.slimmenu li.current-page-ancestor a, ul.slimmenu li.current-menu-item ul li a:hover {

background-color: #f04f2c; color: #fff; text-decoration:none;

}

ul.slimmenu li.current-menu-item ul li a,  ul.slimmenu li.current-page-ancestor ul li a { background:#fff;

color: #333;

 font-size: 1em; color:#686868;

}

ul.slimmenu li.current-page-ancestor ul li.current-menu-item a{background-color: #f04f2c; color: #fff; text-decoration:none;}

ul.slimmenu li .sub-collapser {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);

    position: absolute;

    right: 0;

    top: 0;

    width: 48px;

    height: 100%;

    text-align: center;

    z-index: 999;

    cursor: pointer;

	display:none;

}

ul.slimmenu li .sub-collapser:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -0.25em;

}

ul.slimmenu li .sub-collapser > i {

    color: #333;

    font-size: 18px;

    display: inline-block;

    vertical-align: middle;

}

ul.slimmenu li ul {

    margin: 12px 0 0 5px;

    list-style-type: none;

}

ul.slimmenu li ul li {

 background: #fff; color:#686868; padding:0px; margin:0; border-bottom:#f1f1f1 1px solid;  font-weight:400; display: block; text-decoration: none;

	}

ul.slimmenu li ul li:first-child a {

    border-top: 2px solid #f04f2c;

}

ul.slimmenu li ul li a{ margin:0; border-bottom: 1px solid #f1f1f1;}

ul.slimmenu li > ul {

    display: none;

    position: absolute;

    left: 0;

    top: 100%;

    z-index: 999;

    width: 100%;

	min-width:240px;

-webkit-box-shadow: 0px 0px 3px 0px rgba(153,151,153,1);

-moz-box-shadow: 0px 0px 3px 0px rgba(153,151,153,1);

box-shadow: 0px 0px 3px 0px rgba(153,151,153,1);

}

ul.slimmenu li > ul > li ul {

    display: none;

    position: absolute;

    left: 100%;

    top: 0;

    z-index: 999;

    width: 100%;

	padding:0;

	margin:0;

}



ul.slimmenu.collapsed li {

    display: block;

    width: 100%;



    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

ul.slimmenu.collapsed li a {

    display: block;

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



    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box

}

ul.slimmenu.collapsed li .sub-collapser {

    height: 40px;

}

ul.slimmenu.collapsed li > ul {

    display: none;

    position: static;

}



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

   General Styles

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



#about{ background:url(images/about_bg.jpg) repeat left top; width:100%; float:left;}

.about_i{ max-width:100%;}

#about h1{ padding:72px 0 20px 0; font-size:3.5em; text-transform:uppercase;}

#about p{ font-size:1.1em; line-height:1.8; padding:0 0 10px 0; margin:0;}

.arrow_box { position: relative; background: #ffffff; padding:10px 15px; margin:0 60px 0 0; border-radius:5px; width:60%;  float:right; -webkit-box-shadow: 2px 2px 0px 0px rgba(220,220,220,1);-moz-box-shadow: 2px 2px 0px 0px rgba(220,220,220,1); box-shadow: 2px 2px 0px 0px rgba(220,220,220,1); } .arrow_box:after, .arrow_box:before { top: 100%; left: 85%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 20px; margin-left: -7px; } .arrow_box:before { border-color: rgba(194, 225, 245, 0); border-top-color: #dcdcdc; border-width: 19px; margin-left: -2px; }#awards .col-sm-6{ padding:0;}

.arrow_box1 { position: relative; background: #ffffff; padding:10px 15px; margin:0 0px 0 0; border-radius:5px; width:60%;  float:right; -webkit-box-shadow: 2px 2px 0px 0px rgba(220,220,220,1);-moz-box-shadow: 2px 2px 0px 0px rgba(220,220,220,1); box-shadow: 2px 2px 0px 0px rgba(220,220,220,1); } .arrow_box1:after, .arrow_box1:before { bottom: 100%; left: 85%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box1:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 20px; margin-left: -7px; } .arrow_box1:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #dcdcdc; border-width: 19px; margin-left: -2px; }

.arrow_box h4.red{ color: #e94d4e; font-family: 'Poppins', sans-serif; font-weight:400; text-transform: uppercase;  }

.arrow_box1 h4.green{ color: #2f8079; font-family: 'Poppins', sans-serif; font-weight:400; text-transform: uppercase;  }

.arrow_box p, .arrow_box1 p { color: #8b8b8b; font-size: 1em; padding:5px 0 0 0;}



.outer_img{ background:url(images/about_img.png) no-repeat bottom right; min-height:417px;}



#services{ text-align:center; background:#fff url(images/services_bg.jpg) repeat-x left bottom; padding:4em 0 3em; width:100%; float:left;}

#services h1{ font-size:4em; font-weight:400; text-transform:uppercase; padding-bottom:0.40em; }

#services h2{ color:#333; font-weight:400; font-size:1.8em; padding:0 0 10px 0;}

#services h2 a {color: #333;}

.boxIcon{ display:inline-block; min-height:232px; margin:0 auto;}

.development, .business, .big-data, .user_exp, .data-science, .cloud{ margin:25px auto 25px auto;}

.imgBorder { min-height:64px;}

#services p{ color:#8b8b8b; padding:0 25px;}

.og-grid li:nth-child(4) h2, .og-grid li:nth-child(6) h2 { line-height:70px;}



.sub-heading { padding:0 0 1.2em 0;  margin:0;}

.sub-heading p{ padding:20px 0 0 0; text-align: center;}

.sub-heading h2{ font-family: 'Poppins', sans-serif; font-weight: 400; font-size:3em; padding: 0 0 15px; text-align: center; text-transform: uppercase;}

#data_science h2{ padding:0 0 0px 0;}

.sub-heading h2 span{ color:#0032a1}

.sub-heading1 h2{ font-family: 'Poppins', sans-serif; font-weight: 400; font-size:2.3em; text-align: left;}

.sub-heading1 h2 span{ color:#0032a1}

.callout{ text-align: center; color: #8b8b8b; padding-bottom:15px; }

.callout h3{ font-weight:100; font-size:2.3em; color: #333; padding: 15px 0;}

.callout p{ color: #8b8b8b; padding:0 0 0px 0; font-size:1.1em; line-height:1.6; margin:0;}

#inner_page .callout p:first-child, #inner_no_bg .callout:first-child p, #inner_no_bg .callout p:first-child{ padding:0;}

.list h3{ text-align:left; font-size: 3em;} .list img{ max-width: 100%; margin-top:60px} .list p { text-align:left;}

.list ul{ list-style: none; padding:0 0 0 20px; margin:0;}

.list ul li { list-style:disc; text-align:left; font-size: 1.1em; padding-bottom:20px; }

.list1 h3 { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1.4em; color: #4c4b4b; padding:0 0 15px 0; margin:0; text-transform: uppercase;}

.list1 ul li { text-transform: uppercase; font-size: 1.1em; line-height:28px;}



.development {background: url('images/icons1.png') no-repeat -120px -33px; width: 74px; height:64px;}

.business {background: url('images//icons.png') no-repeat -228px -41px; width: 64px; height: 64px;}

.big-data{background: url('images/icons1.png') no-repeat -333px -43px; width: 49px; height: 62px;}

.user_exp{background: url('images/icons1.png') no-repeat -427px -48px; width: 73px; height: 51px;}

.data-science {background: url('images/icons1.png') no-repeat -539px -50px; width: 62px; height: 55px;}

.cloud{background: url('images/icons1.png') no-repeat -629px -48px; width: 64px; height: 60px;}



.alliances { background-image:url(images/partner_bg.jpg);  background-position: 0 0%, center center;  background-attachment: scroll, scroll; background-clip: border-box, border-box; background-repeat: repeat, no-repeat; background-size: cover; width:100%; float:left; text-align:center; padding:60px 0 80px 0;}

.alliances h2{ padding:40px 0; font-size:3.5em; color:#000;}

.alliances li{ display:inline-block; margin:0 15px 0 0; }



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

   Footer Styles

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



footer{ background:#fbfbfb; width:100%; float:left;}

#mainFooter{ background:#fbfbfb; width:100%; float:left; padding:30px 0;}

#mainFooter ul{ list-style:none; padding:0; margin:0;}

#mainFooter ul li{ list-style:none; padding:0; margin:0; font-size:1em; line-height:2;}

#mainFooter ul li a{ display:block;}

#mainFooter ul li a.tips{ margin:0 0 25px 0; text-align:center;}

#mainFooter .socialNetwork{ padding-top:10px;}

#footerRights { border-top: 1px solid #ededed; color:#686868; padding:2em 0 1em 0; text-align: center; width:100%; float:left; }

footer h1, footer h2, footer h3, footer h4 { font-size:1.8em; font-weight: 400; text-transform:uppercase; padding:0 0 0.70em 0;}

#mainFooter .socialNetwork a {transition:all 0.3s ease; opacity:0.8;}

#mainFooter .socialNetwork a:hover{-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity:0.9;  }

#pattern{ background:url(images/awards.jpg) repeat left top; width: 100%; float:left;}



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

   Social Media Styles

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



.facebook { background: url('images/icons1.png') no-repeat -56px -48px; width: 25px; height: 30px; }

.twitter { background: url('images/icons1.png') no-repeat -54px -106px; width: 30px; height: 20px; }

.linkedin { background: url('images/icons1.png') no-repeat -60px -147px; width: 22px; height: 22px; }

.google { background: url('images/icons1.png') no-repeat -60px -196px; width: 26px; height: 26px; }

.youtube { background: url('images/icons1.png') no-repeat -57px -243px; width: 24px; height: 30px; }



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

   Inner Page Styles

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

.entry-content h2{ padding:0 0 15px 0;}

#inner_page p.last{ padding:0; margin:0;}

#banner_inner{ background:#0032a1; padding:30px 0; width:100%; margin-top:77px; }

#banner_inner h1 { text-transform:uppercase; padding:0; margin:0; font-size:3.2em; font-weight:700; color:#fff;text-align:left; }

#banner_inner ul{ list-style:none; padding:20px 0 0 0; margin:0; text-align:right;}

#banner_inner ul li{border-left:1px #fff solid; list-style:none; padding:0 10px; margin:0 0 0 0; display:inline-block; color:#fff;}

#banner_inner ul li a{ color:#fff; padding:0; font-weight:400;}

#banner_inner ul li:first-child { border:none;}

#banner_inner, #banner_inner ul{ text-align:right;}

h2, .h2 {
    font-size: 23px;
padding-bottom:10px;
}
h3, .h3 {
    font-size: 20px;
padding-bottom:10px;
}

#inner_no_bg{ width:100%; float:left;}

#inner_no_bg1{ width:100%; float:left; padding-top: 3.2em;}

#inner_page { background:url(images/inner_bg.png) no-repeat top right; width:100%; min-height: 300px; }

#inner_page h1, #clients h1, #management  h1{text-transform:uppercase; padding:50px 0 40px 0; margin:0; font-size:2.5em; font-weight:400;}

#inner_page p, #inner_no_bg p, #inner_page ul,#inner_no_bg ul, #management p { color:#818080; font-size:1.1em; line-height:1.8; padding:0 0 30px 0; margin:0;}
#inner_page ul{list-style:disc inside}

#mission{text-align:left;}

#mission h1{text-transform:uppercase; padding:50px 0 40px 0; margin:0; font-size:2.5em; font-weight:400; color:#f04f2c;}

#mission p { color:#fff; font-size:1.1em; line-height:1.8; padding:0 0 30px 0; margin:0;}

#clients{ width:100%; float:left; padding-bottom:0px;}

#clients h3{ padding:0 0 20px 0; font-weight:400;}

#clients .boxIcon{  border:#f2f2f2 1px solid; width:100%;  min-height:auto; margin-bottom:30px; padding:2em 1.5em 0em 1.5em; min-height:120px;}

#clients .boxIcon:hover{ background:#f8f8f8;}

#clients .boxIcon h2{ padding:0 0 0 25px; margin:0;  font-weight:100; color:#6f6f6f; float:left; text-align:left; font-size:1.3em; text-transform:uppercase; }

#clients .boxIcon h2.noline-height{ line-height:normal; padding-top:15px;}

#clients .imgBorder_about{ float:left;}



.technology, .bankinbg, .manu, .education, .energy, .transport { display:inline-block; position: relative; opacity: 0.8;

  -moz-filter: grayscale(1);

  -moz-filter: grayscale(1);

  -ms-filter: grayscale(1);

  -o-filter: grayscale(1);

  filter: grayscale(1);

  -webkit-filter: grayscale(1);



}

.technology:hover, .bankinbg:hover, .manu:hover, .education:hover, .energy:hover, .transport:hover { opacity: 1;

  -moz-filter:none;

  -ms-filter:none;

  -o-filter:none;

  filter:none;

-webkit-filter:none;

}

.cirle > li.active a.technology{ background: url('images/icons1.png') no-repeat -125px -130px; filter:none; -webkit-filter:none; -ms-filter:none;}

.cirle > li.active a.bankinbg{  background: url('images/icons1.png') no-repeat -227px -138px; filter:none; -webkit-filter:none; -ms-filter:none;}

.cirle > li.active a.education{  background: url('images/icons1.png') no-repeat -410px -132px; filter:none; -webkit-filter:none; -ms-filter:none;}

.cirle > li.active a.energy{ bbackground: url('images/icons1.png') no-repeat -501px -138px; filter:none; -webkit-filter:none; -ms-filter:none;}

.cirle > li.active a.transport{  background: url('images/icons1.png') no-repeat -601px -137px;  filter:none; -webkit-filter:none; -ms-filter:none;}

.cirle > li.active a.manu{  background: url('images/icons1.png') no-repeat -313px -131px; filter:none; -webkit-filter:none; -ms-filter:none;}



.tabpanel { padding-top:70px;}

.cirle { background:url(images/circle.jpg) no-repeat left bottom;  min-height: 376px; width:65%; float:left; margin-top:40px;}



.technology   { background: url('images/icons1.png') no-repeat -125px -130px; width: 61px; height: 59px; position:relative; top:40px; }

.bankinbg { background: url('images/icons1.png') no-repeat -227px -138px; width: 48px; height: 51px; left: 153px;  position: relative; top: -106px;}

.manu { background: url('images/icons1.png') no-repeat -313px -131px; width: 56px; height: 52px; left:326px; top: -183px; }

.education { background: url('images/icons1.png') no-repeat -410px -132px; width: 64px; height: 62px; left:510px; top: -172px;  }

.energy { background: url('images/icons1.png') no-repeat -501px -138px; width: 59px; height: 49px; left:599px; top: -94px;  }

.transport { background: url('images/icons1.png') no-repeat -601px -137px; width: 55px; height: 54px; left:610px; top: 0px;  }

.tab-content p{ color: #818080; font-size: 1.1em; line-height: 1.7;  margin: 0; padding: 0 0}



#mission{  background-image:url(images/works_bg.jpg);  background-position: 0 0%, center center;  background-attachment: scroll, scroll; background-clip: border-box, border-box; background-repeat: repeat, no-repeat; background-size: cover; width:100%; float:left; text-align:center; padding:30px 0 30px 0;}

#mission h2{ padding:25px 0; font-size:2em; color:#fff; text-transform:uppercase; font-weight:400}



/* Owl Carousel */



.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.owl-carousel{display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper{display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}

.owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer;}

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.grabbing {  cursor:url(grabbing.png) 8 8, move;}

.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

#owl-demo .item{ background: #007cc3;  margin: 10px; color: #FFF; text-align: center;}

.customNavigation{text-align: center;}

.customNavigation a{ -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.customNavigation .btn{ width:16px; height:80px; display:block; text-indent: -999999; white-space: nowrap; overflow: hidden}

.prev { position:absolute; left:-10px; top:55%; font-size:30px; }

.next { position:absolute; right:0px; top:55%; font-size:30px; }



#methodology, #awards, #management { background:url(images/awards.jpg) repeat left top; width:100%; padding:50px 0; float:left;}

#methodology h1, #awards h1, #management h1{ color: #333;  font-size: 2.5em; font-weight:400; padding: 0px 0 40px 0;  text-transform: uppercase; text-align:center; }

#awards .line{ padding:0; margin:0; background:url(images/line_bg.png) repeat-x left center; margin:10px 0 0 0; width:100%; float:left; }

#awards .line1{ padding:0; margin:0; background:url(images/line_bg.png) repeat-x left center; margin:109px 0 0 0; width:100%; float:left; }

#awards .line img.year { position: relative; left:-5px;}

#awards .line img.myward { position: relative; left:0px; margin:0 60px 0 0; top:25px}

#awards .line1 img.myward1 { position: relative; left:0px; margin:0 0px 0 0; top:25px}

#awards .line1 img.year1 { position: relative; left:35%;}

#awards .col-lg-6{ padding: 0;}



.sub_menu { border:#f0f0f0 1px solid; text-align: center; padding:30px 0 25px 0; margin-bottom: 50px; position:relative; z-index:9; background: #fcfcfc; }

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

.sub_menu ul li{ list-style: none; padding: 0; margin: 0; display:inline-block; border-left:#f0f0f0 1px solid; }

.sub_menu ul li a{ color:#969696;  padding: 0 35px; line-height: 0;  font-size:1.4em;  font-weight: 400;}

.sub_menu ul li:first-child a, .sub_menu ul li:first-child{ border: none; padding-left: 0;}

.sub_menu ul li a:hover, .sub_menu ul li a.sub_active {background:url(images/bottom_arrow.png) no-repeat center bottom; padding-bottom: 46px; text-decoration: none; color: #0032a1;}

#inner_page .callout1 { text-align:center; padding:25px 0;}

#inner_page .callout1 > p{ padding: 15px 0 0 0; margin:0; font-size:1em;  line-height: 1.4em;}

.list_tree h2{ padding-bottom:15px;}

.list_tree .col-lg-6{  min-height: 185px; }

.list_tree .my_border {background: #fff; border-right:none; border-right: #ebebeb 2px solid}  .list_tree .no_border{ border: none;}

.list_tree .alignright, .list_tree .alignleft{ margin: 0;}

.list_tree span{ display:inline-block;}

.list_tree p{ display:inline-block; padding:0;}

.list_tree h3{ font-weight:400; padding-bottom:10px; font-size: 1.3em;}



.Apple_icon, .balck_icon, .plam_icon, .windows_icon, .android_icon, .java_icon{ display:inline-block; min-width:60px; margin:0 15px 0 0;}

.Apple_icon { background: url('images/icons1.png') no-repeat -553px -529px; width: 45px; height: 53px; }

.balck_icon { background: url('images/icons1.png') no-repeat -645px -538px; width: 58px; height: 45px; }

.plam_icon { background: url('images/icons1.png') no-repeat -735px -529px; width: 56px; height: 54px; }

.windows_icon { background: url('images/icons1.png') no-repeat -824px -542px; width: 41px; height: 41px; }

.android_icon { background: url('images/icons1.png') no-repeat -909px -542px; width: 44px; height: 51px; }

.java_icon { background: url('images/icons1.png') no-repeat -1007px -533px; width: 43px; height: 59px; }



#inner_page .odd1 {background: #f7f6f6; }

#inner_page .even1 {background: #fff; }

#custom_development  .odd {background: #f7f6f6; min-height:350px;margin-top:25px; padding:15px 0; }



#new_cat{ position:relative; padding:25px 0;}

#new_cat .new_cal h1 { font-size:4em; font-weight: 400; padding:23% 0 0 0; }

#new_cat .owl-item h3{ font-weight:400; padding:0 0 10px 0; margin:0;}

#new_cat .owl-item p { line-height:1.6;}

#new_cat .owl-item a{ border:#f04f2c 1px solid; color:#f04f2c; font-size:20px; margin-top:10px; display:inline-block; padding:8px 25px;}



#owl-demo1 img { float:right; margin:0 50px 0px 20px;  border: #ddd 1px solid;

    padding: 5px;}



#new_cat .new_cal { background:url(images/bar_bg.jpg) no-repeat right top; min-height:200px}

#owl-demo1 .owl-pagination {

    margin-top: -45px;

    position: absolute;

    right: 0px;

    top:22%;

}



#our_work .owl-theme .owl-controls .owl-page { display:inline-block}







#data_science, #big_data, #custom_development, #mobile_development{display: inline-block; margin-top: -100px; padding-top: 100px;  width: 100%;}

#data_science, #big_data, #custom_development, #mobile_development{  display: table-caption; display:inline-block; width:100%;	}

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

   Solutions Page Styles

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

.mobile_icon { text-align:center; background:url(images/shadow.png) no-repeat left bottom; width:100%; margin-top:40px; float:left; padding:0 0 0 0;}

.mobile_icon li{ display:inline-block; padding:0; margin:0;}

.mobile_icon li img{ opacity:0.9;}



.windows { background: url('images/icons1.png') no-repeat -145px -223px; width: 50px; height: 76px; float: right; margin: 0 20px 0 0px;  }

.android { background: url('images/icons1.png') no-repeat -230px -220px; width: 47px; height: 83px; float: left;  margin: 0 0 0 20px; }

.blackberry { background: url('images/icons1.png') no-repeat -317px -224px; width: 52px; height: 79px;  float: right; margin: 0 20px 0 0px;  }

.cms{ background: url('images/icons1.png') no-repeat -402px -226px; width: 79px; height: 78px; float: right; margin: 0 0px 0 0px; }

.enterprize{ background: url('images/icons1.png') no-repeat -512px -216px; width: 88px; height: 99px; float: left;  margin: 0 0 0 0px; }

.iphone_icon{background: url('images/icons1.png') no-repeat -631px -235px; width: 64px; height: 66px; float: left; margin: 0 0 0 20px;  }

.java{background: url('images/icons1.png') no-repeat -729px -224px; width: 64px; height: 87px; float: left; margin: 0 0 0 20px;  }

.plam{background: url('images/icons1.png') no-repeat -1024px -244px; width: 64px; height: 62px; float: right;  margin: 0 20px 0 0px;  }

.rails{ background: url('images/icons1.png') no-repeat -921px -235px; width: 66px; height: 80px; float: right;  margin: 0 0px 0 0px;  }

.php_ico{  background: url('images/icons1.png') no-repeat -822px -235px; width: 80px; height: 74px; float: left; margin: 0 0 0 10px; }





.big_data .callout h3{ font-weight:300; font-size:1.3em;  font-family: 'Poppins', sans-serif;}

.manipulation, .modelling, .statistics, .analysis { display:inline-block; margin: 20px 0 10px 0; min-height: 98px; }

.manipulation { background: url('images/icons1.png') no-repeat -145px -367px; width: 77px; height: 93px; }

.modelling { background: url('images/icons1.png') no-repeat -294px -367px; width: 98px; height: 98px; }

.statistics { background: url('images/icons1.png') no-repeat -464px -375px; width: 81px; height: 81px; }

.analysis { background: url('images/icons1.png') no-repeat -617px -373px; width: 101px; height: 83px; }



.smartphones, .sensor, .adoption { display:inline-block; min-height: 102px; }

.smartphones { background: url('images/icons1.png') no-repeat -147px -514px; width: 73px; height: 92px; }

.sensor { background: url('images/icons1.png') no-repeat -280px -502px; width: 86px; height: 102px; }

.adoption { background: url('images/icons1.png') no-repeat -429px -506px; width: 80px; height: 78px; }

.color_balls { text-align: center; padding-bottom: 50px;}

.color_balls li{ display: inline-block; text-align: center; padding:8% 0 0 0; font-weight: bold; font-size:1.3em; line-height: 1.2em; margin: 0; border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px; min-width:250px; min-height:250px;}

.color_balls li.orange_co { position: relative; left:30px; z-index: 9; background: rgba(250, 203, 166, .7); }

.color_balls li.yellow_co { position:relative; top:22px; background: rgba(250, 239, 171, .8); }

.color_balls li.blue_co { position: relative; left:-30px; background: rgba(183, 233, 239, .8); }



.zetabytes, .analyste, .existed_90, .days_ex{ min-height:176px; display:inline-block;  }

.zetabytes { background: url('images/icons1.png') no-repeat -150px -659px; width: 181px; height: 151px; }

.analyste { background: url('images/icons1.png') no-repeat -395px -647px; width: 176px; height: 176px; }

.existed_90 { background: url('images/icons1.png') no-repeat -639px -659px; width: 163px; height: 163px; }

.days_ex { background: url('images/icons1.png') no-repeat -851px -657px; width: 148px; height: 153px; }



.research, .architecture, .experinence{ min-height:80px; display:inline-block;  }

.research { background: url('images/icons1.png') no-repeat -188px -1217px; width: 77px; height: 77px; }

.architecture { background: url('images/icons1.png') no-repeat -329px -1215px; width: 65px; height: 56px; }

.experinence { background: url('images/icons1.png') no-repeat -457px -1223px; width: 71px; height: 71px; }

.solution, .responsive, .open-source, .iphon, .android_a, .window_a, .visual, .callout .search, .social { min-height:67px; display:inline-block; }

.solution { background: url('images/icons1.png') no-repeat -926px -1237px; width: 69px; height: 65px; }

.responsive { background: url('images/icons1.png') no-repeat -1035px -1244px; width: 53px; height: 62px; }

.open-source { background: url('images/icons1.png') no-repeat -1123px -1247px; width: 62px; height: 59px; }



.iphon { background: url('images/icons1.png') no-repeat -596px -1229px; width: 41px; height: 65px; }

.android_a { background: url('images/icons1.png') no-repeat -697px -1229px; width: 57px; height: 67px; }

.window_a { background: url('images/icons1.png') no-repeat -811px -1243px; width: 48px; height: 53px; }



.visual { background: url('images/icons1.png') no-repeat -1253px -1259px; width: 81px; height: 54px; }

.callout .search { background: url('images/icons1.png') no-repeat -1384px -1261px; width: 61px; height: 65px; }

.social { background: url('images/icons1.png') no-repeat -1520px -1267px; width: 58px; height: 58px; }

.callout .img {

  min-height: 80px;

  display: inline-block;

  vertical-align: baseline;

}



.callout .img1 {

  min-height:70px;

  display: inline-block;

  vertical-align: baseline;

}



.callout .img2{

  min-height: 190px;

  display: block;

}



.callout .img3{

  min-height: 115px;

  display: block;

}



.ui_design, .we_design_a, .mobile_design_a, .branding_marketing_a { width: 219px; height: 245px; display:inline-block; margin-bottom:20px; }

.ui_design { background: url('images/icons1.png') no-repeat -156px -883px;}

.we_design_a { background: url('images/icons1.png') no-repeat -444px -883px;}

.mobile_design_a { background: url('images/icons1.png') no-repeat -726px -883px;}

.branding_marketing_a { background: url('images/icons1.png') no-repeat -1014px -883px;}



.big_data .UI h3{ font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 1.5em; color: #333333;}

.big_data .UI p, .sub-heading p { font-size: 1.1em;}

.sub_cloud { padding:0px 0 0 0px ;}

.sub_cloud h2{ font-weight:400; text-transform: uppercase; font-size:2.5em; padding-bottom:15px;}



.cloud_strategy, .cloud_iaas, .cloud_integration, .cloud_pass, .cloud_management { display:inline-block; }

.cloud_strategy { background:url('images/icons1.png') no-repeat -571px -535px; width: 80px; height: 73px; }

.cloud_iaas { background:url('images/icons1.png') no-repeat -674px -540px; width: 80px; height: 63px; }

.cloud_integration { background:url('images/icons1.png') no-repeat -783px -535px; width: 76px; height: 80px; }

.cloud_pass { background:url('images/icons1.png') no-repeat -888px -535px; width: 76px; height: 60px; }

.cloud_management { background:url('images/icons1.png') no-repeat -999px -542px; width: 72px; height: 61px; }

.cloud_page .cloud_left{ padding:0 0 0 0px;}

.cloud_list h3{ font-size: 2.5em; padding:0 0 15px 0; border-bottom:#e7e7e7 1px solid; margin:25px 0;}

.cloud_page .dot { padding:0 0 0 56px;}

.cloud_page ul.cloud_list{ margin:25px 0 0 0;}



.cloud_icon, .laaas_icon, .saas_icon, .paas_icon, .manage_icon { display:inline-block; margin:0 25px 0 0; padding-top:15px; }

.cloud_icon { background: url('images/icons1.png') no-repeat -719px -126px; width: 58px; height: 72px; }

.laaas_icon { background: url('images/icons1.png') no-repeat -801px -135px; width: 68px; height: 62px; }

.saas_icon { background: url('images/icons1.png') no-repeat -894px -132px; width: 71px; height: 55px; }

.paas_icon { background: url('images/icons1.png') no-repeat -995px -127px; width: 68px; height: 66px; }

.manage_icon { background: url('images/icons1.png') no-repeat -1100px -129px; width: 65px; height: 58px; }





.resource_page .callout{ padding: 0 0px 0 25px; margin-bottom: 30px; }

.resource_page .callout p{color: #8b8b8b;}

.blog, .white_paper, .webinar {width: 219px; height: 245px; display:inline-block; margin-bottom:15px; }

.callout .webinar { background: url('images/icons1.png') no-repeat -172px -1346px; }

.white_paper { background: url('images/icons1.png') no-repeat -440px -1346px;}

.blog { background: url('images/icons1.png') no-repeat -717px -1346px;}

.resource_page .callout h2{ text-transform: uppercase; font-size:2.5em; padding: 0 0 20px 0; font-weight:400;}

.resource_page .callout a.orange_c, .resource_page .callout a.green_c, .resource_page .callout a.purple_c {text-transform:uppercase; font-size: 2em; padding: 0 0 5px 0; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}

.resource_page .callout a:hover{ text-decoration: none; border-color:#333; color: #333;}

.resource_page .callout .orange_c { border-bottom:#ec7d72 3px solid; color:#ec7d72; }

.resource_page .callout .green_c {border-bottom:#00a89c 3px solid; color:#00a89c;  }

.resource_page .callout .purple_c { border-bottom:#9e5fa1 3px solid; color:#9e5fa1; }



.showmore_trigge1 { float:right;}

.webinar_img img{ padding:10px; border:#ebebeb 1px solid; display:inline-block; text-align: center; }

.webinar_img h4{ font-weight:400; padding:10px 0 5px 0; margin:0;}

.webinar_img span{ color:#8b8b8b;}

.webinar_content { padding:15px 20px 20px 20px; margin:0 0 40px 0; position: relative; background: #fff; border: 1px solid #ebebeb; } .webinar_content:after, .webinar_content:before { right: 100%; top: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .webinar_content:after { border-color: rgba(136, 183, 213, 0); border-right-color: #fff; border-width: 21px; margin-top: -21px; } .webinar_content:before { border-color: rgba(194, 225, 245, 0); border-right-color: #ebebeb; border-width: 22px; margin-top: -22px; }

#inner_page .webinar_content p {margin: 0 0 20px 0; padding: 0; font-size:1em; }

.showmore_content {position: relative; overflow: hidden; height: auto;}

.showmore_trigger {height: 40px; line-height: 40px; cursor: pointer; margin-top:20px;}

.showmore_trigger span {float:left; background:#ebebeb; line-height:40px; display:block; padding: 0 15px; border: #ececec 1px solid;  }

.showmore_trigger span:hover{ text-decoration: underline;}

.showmore_trigge1 li{float:left; margin:0; padding: 0; position:relative; left: 0px; margin-top: -40px}

.showmore_trigge1 li a, .showmore_trigge1 li button{ line-height:40px; display:block; padding: 0 15px }

.showmore_trigge1 li a.watch, .showmore_trigge1 li button.watch  { border: #ececec 1px solid;  background: url('images/icons1.png') no-repeat -930px -421px; padding: 0 15px 0 45px;}

.showmore_trigge1 li a.download { padding: 0 15px 0 45px; background:#007cc3 url('images/icons1.png') no-repeat -979px -424px; position:relative; margin-top:-40px; border: #ececec 1px solid; color: #fff;}
.w_download { padding: 0 15px 0 45px !important; background:#007cc3 url('images/icons1.png') no-repeat -979px -424px; position:relative; margin-top:-40px; border: #ececec 1px solid; color: #fff;}

#inner_page .webinar_content .social_media { float: right;  margin-top: -25px;position: relative;}

#inner_page .webinar_content .social_media i { padding: 0 5px 0 0;}

.showmore_trigge1 li{margin-top: 0px;}

.webinar_content .showmore_trigge1 li{margin-top: -40px;}

.fa{ color: #b8bab9;}



.white_content { width:100%; float:left; padding:0px 0 0 0; margin:0 0 30px 0; position: relative; background: #fff; }

.white_content h2{ font-weight: 400; padding: 0 0 15px 0; font-size: 24px;}

#inner_page .showmore_two p { padding: 0;}

.showmore_two { border-bottom:#ebebeb 1px solid; }

.showmore_two span{ text-align: right; display: block;}

.white_content .showmore_two {

    border-bottom: 1px solid #ebebeb;

}



.myform { padding:0px 0; margin-bottom:20px; width:100%; background:none; float:left;}

.myform .col-sm-3, .myform .col-sm-5{ padding:0 10px 0 0;}

.dropdown-menu{ border-radius:0px;}

.myform .bootstrap-select .btn{ border-radius:0px; background: #eeeded; padding:15px; border: none;}

.myform input[type="text"]{ background:#eeeded; width:100%; font-size:1em; font-weight:400; border-radius:0px; padding:15px; border: none;}

.myform .col-sm-2{ padding:0 0px 0 0;}

.myform button[type="submit"], .myform input[type="submit"]  { background:#007cc3; width:100%; display:block; padding:10px 15px; color: #fff; border:none; border-radius:0; font-family: 'Poppins', sans-serif; font-size:1.4em; text-transform:uppercase; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ background:#eeeded; width:100%; }

.myform button[type="submit"]:hover, .myform input[type="submit"]:hover{ opacity:0.8; box-shadow:none;}

.chosen-container-single .chosen-single { color:#666; font-size:1.1em; font-weight:400; box-shadow:none;  line-height: inherit; height: 51px; background:#eeeded; width:100%; border-radius:0px; padding:15px; border: none;}

.chosen-container-active.chosen-with-drop .chosen-single div b{ background-position:none;}

.chosen-container-single .chosen-single div b {top:15px; display: block; height: 100%; left: -8px; position: relative; width: 100%;}

.chosen-container-active.chosen-with-drop .chosen-single{ background-image:none; }

.searchandfilter ul, .searchandfilter .selectpicker li{ width:100%; display: block; padding:0;}

.myform .bootstrap-select .btn, .myform input[type="text"] { color: #666; text-shadow:none;}

.searchandfilter input[type="submit"]{ padding:14px 0; text-shadow:none;}

.btn .caret {

    border-top-color: #333;

}



#myModal div.wpcf7-mail-sent-ok {

    background:green;

    border: medium none;

    color: #fff;

    padding: 10px;

    position: absolute;

    right: 0;

    text-align: center;

    top: 72px;

    width: 100%;

}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){ background:#eeeded; width:100%; }

.myform button[type="submit"]:hover, input[type="submit"]:hover{ opacity:0.8;}

.resource_page .new1 div:nth-child(2){ padding:0;}



.vertical-alignment-helper {

    display:table;

    height: 100%;

    width: 100%;

}

.vertical-align-center {

    /* To center vertically */

    display: table-cell;

    vertical-align: middle;



}

.modal-content {

    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */

    width:inherit;

    height:inherit;

    /* To center horizontally */

    margin: 0 auto;

}

.white_content .modal-header {

    padding: 0 15px !important;

    margin-bottom: 15px;

    border-radius: 5px;

}

.modal-header .close {

    margin-top: 3px;

    margin-right: -13px;

}



.white_content .modal-title {

    margin: 0;

    line-height: 1.428571429;

    line-height: 42px;

	font-weight:400;

}

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

   Blog Page Styles

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



#inner_page .post {background: #fff; transition: height 5s ease-in-out 0s; width:100%; margin-bottom:20px; float:left; border:#ececec 1px solid;}

#inner_page .post p{ padding:0; font-size: 1em;}

.post span{ color: #8b8b8b; line-height:40px; font-size: 0.9em;}

.post h3{ font-weight:400;}

.post h3 a{ color:#333; text-decoration:none;}

.post h3 a:hover{ text-decoration:underline;}

.post img{ max-width:90%; border:#f2f2f2 1px solid;  transition: all 0.2s linear 0s;  margin:20px 20px 0px 20px;}

.post img:hover{transition: all 0.5s linear 0s;}

.post .post_content{ padding:15px;}

/*

.post .post_content:before { color: #fff; content: "\f0d8"; font-family: FontAwesome; font-size: 46px;  position: absolute; left: 30px;  margin: -58px 0 0;}

*/

.post .col-sm-3 { padding:0; padding-right:20px;}

.post .post_content .read_blog a {

    float: right;

    font-weight: 400;

    padding: 0 0 10px;

    text-align: right;

    text-decoration: underline;

	color:#007cc3;

}

.post .post_content .read_blog a:hover { text-decoration: none;}

.post .stats{ border-top:#ebebeb 1px solid; background:#fbfbfb; padding: 0px 0; float:left; width: 100%;}

.post .stats a {

    color: #007cc3;

    display: inline-block;

    font-size: 1em;

    padding: 10px 0;

    text-transform: uppercase;

}

.searchandfilter select.postform {

		border: 0 !important;  /*Removes border*/

		-webkit-appearance: none;  /*Removes default chrome and safari style*/

		-moz-appearance: none; /* Removes Default Firefox style*/

		background: #eeeded url(images/select-arrow.png) no-repeat 95% center;

		width: 100px; /*Width of select dropdown to give space for arrow image*/

		text-indent: 0.01px; /* Removes default arrow from firefox*/

		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/

		color: #666;

		width:100%;

		border-radius: 0px;

		padding: 14px;

	}



.form-allowed-tags{ display:none;}

.post .stats a.read_blog{padding:15px 0 10px 0; }

.post i, .blog_content i{font-size:18px; color: #b8bab9; padding:0 3px 0 0;}

.post .social_media, .blog_content .social_media { float: right; text-align: right; padding-top:7px;}

.facebook1 i:hover, .fa-facebook:hover{ color:#3d5a9c;} .twitter1 i:hover, .fa-twitter:hover{ color:#4fd5f8;}  .google1 i:hover, .fa-google-plus:hover{ color:#dc543a;} .linkedin1 i:hover{ color:#048bc5;} .pinterest1 i:hover, .fa-pinterest:hover{ color:#d83633;}

.blog_detail {border-right:#ebebeb 1px solid; padding:0 30px 0 0;}

.sidebar{     border-left: 1px solid #ebebeb; float: left; padding: 0 0 0 40px; width: 100%; }

.sidebar .widgets { margin-bottom:35px; float:left; width:100%;}

.sidebar .widgets h3{  padding-bottom:10px; color:#017cc3; font-family: 'Poppins', sans-serif; font-size:1.8em;  font-weight: 400; }

.sidebar .widgets ul{ list-style:none; padding:0; margin:0 0 25px 0;}

.sidebar .widgets li { font-size: 1.1em; padding:12px 0; border-bottom: #ebebeb 1px solid; float:left; width:100%;}

.sidebar .widgets li:last-child { border:none; padding-bottom: 0;}

.sidebar .widgets li a{ background:url(images/arrow_list.jpg) no-repeat left 10px; width:100%; padding:0 0 0 25px; float:left;}

.sidebar .widgets li a:hover{ color:#017cc3; text-decoration: none;}

.sidebar .widgets li img { float:left; margin:10px 20px 10px 0;}

.sidebar .widgets li h4{ font-size: 1em; padding:10px 0;}

#inner_page .sidebar .widgets p{ font-size:0.9em; padding: 0;}

.sidebar .widgets.recent_post a{ padding:0; background:none;}



.widget_search form > label:nth-child(1) { background: none repeat scroll 0 0 #fff; display: block;  padding: 0px; position: relative;}

.widget_search form > label:nth-child(1):before { color: #bbb; content: "\f002"; font-family: FontAwesome; font-size: 15px;  position: absolute; right: 25px; top: 15px;}

.widget_search input { font-weight: normal; background: none repeat scroll 0 0 transparent ; border: 0 none; border-radius: 0; width: 100%; border:#ebebeb 1px solid;padding:15px; }

.widget_search .search-submit {display: none;}



.sidebar .Twitter_feed li a{ background:none; padding: 0;}

.sidebar .Twitter_feed li { float: left; padding-top:20px;}

.Twitter_feed .bird { float: left; width:15%;}

.Twitter_feed .bird i{ color:#4fd5f8;}



.Twitter_feed .bird_con{ float: left; width: 85%}

#inner_page .Twitter_feed .bird_con p{ padding: 0 0 15px 0;}

.Twitter_feed .bird_con span{ font-size: 0.7em; text-align: right; line-height:40px;}



.blog_content h2{ padding:0 0 15px 0;}

#inner_page .blog_content a{ text-decoration:underline;}

#inner_page .blog_content a:hover{ text-decoration:none;}

.blog_content img{ max-width: 100%; margin: 15px 0 15px 0;}

.blog_content ul{ padding:0 0 30px 0;}

.blog_content ul li {list-style: none; line-height:30px; font-size: 1.1em; color: #818080;  padding: 0; margin: 0;}

.meta { margin: 10px 0 15px 0; border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; padding:10px 0;}

#inner_page .meta p{ padding:0;}

#inner_page .blog_content p:last-child{ padding:0;}



.tag { margin:20px 0 30px 0; width: 100%; float:left;}

.tag span{ padding:0 15px 0 0;}

.tag a{ border:#ebebeb 1px solid; display:inline-table; padding:5px; margin:10px 5px 0 0;}



.author_post { border-bottom:#ebebeb 1px solid; width:100%; float:left; margin-bottom: 20px;}

.author_post img{ padding:10px; border:#ebebeb 1px solid; width:100px; margin-bottom:20px;}

#inner_page .comment-respond P { padding:0 0 10px 0;}



#respond { width:100%}

#respond h3{ font-size:2em}

.close{opacity: 0.9;}

#respond label, .form_content label{ font-weight: 300; font-size:1.2em;}

#respond input[type="text"], .form_content textarea, .form_content input[type="text"], #respond input[type="email"], .form_content textarea, .form_content input[type="email"], #respond input[type="tel"], .form_content textarea, .form_content input[type="tel"], .form_content textarea, #respond textarea{ background:#fff; border:#ebebeb 1px solid; font-weight:normal; display: block; width:100%; padding:10px;}

#respond input[type="submit"], .form_content input[type="submit"], .form_content .file{ background:#f04f2c; float:left; color:#fff; padding:15px 25px; font-size:1.3em; border: none;}

#respond textarea, .form_content textarea{ max-height:75px;}

#respond input[type="submit"]:hover, .form_content input[type="submit"]:hover, .form_content .file:hover{ opacity:0.9; text-decoration:none;}

.required{ color: red;}

.form-submit { text-align: center;} .form_content input[type="submit"] { font-size: 1.5em; font-weight: 400;  margin-top: 20px; padding: 10px 25px; text-transform: uppercase;}

.form_content .file{ padding:8px 15px; margin:0 0 0 25px;}

.attch{ position: relative; padding:25px 0;}

.form_content .file { line-height: 19px; margin: 0 15px 0 0; padding: 8px 15px;}



.pag_nav { text-align: center; padding:10px 0 0 0; bottom:15px; position:relative; width:100%; float:left;}

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

.pag_nav ul li{ list-style: none; padding:0 10px 0 0; margin:0; display: inline-block;}

.pag_nav ul li span{ margin: 0 5px 0 0; border:#ebebeb 2px solid; font-family: 'Poppins', sans-serif; font-weight:400; font-size:1.4em; line-height:45px; border-radius:200px; width:50px; height:50px; display:inline-block; }

.pag_nav ul li span.current{ background:#007cc3;   border-color:#007cc3; color: #fff; text-decoration: none;}

.pag_nav ul li a:hover{ color:#007cc3; text-decoration: none; }

.pag_nav ul li span.prev, .pag_nav ul li span.next{ top:20%; width:auto; padding: 0 25px; font-weight:300; border:#ebebeb 1px solid; border-radius:0px;}

.pag_nav ul li span.prev { left:15px;}

.pag_nav ul li span.next { right:10px;}



.recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r2_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_r3_c3 { background:none !important;}

#recaptcha_area, #recaptcha_table, .recaptchatable .recaptcha_r4_c1 { width:100% !important;}



.recaptcha_only_if_image { display:none;}

.recaptcha_only_if_privacy a { position:relative; top:10px; text-decoration:underline !important; color:#333 !important; display:none;}

#recaptcha_whatsthis_btn, #recaptcha_reload_btn { display:none;}

.form-submit_man {

    position: relative;

    top:0px;

}



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

   Career Page Styles

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



.career_list{ color: #8b8b8b; font-size:1.1em; font-weight: 400; text-transform:uppercase;}

#inner_page .career_list td{ padding:25px 0;}

#inner_page .career_list td i{ padding: 0 10px 0 0;}

#inner_page .career_list th {  font-family: "Roboto",sans-serif; color: #333; font-weight:400; font-size:1.5em; position: 0;}

#inner_page .career_list td .fa-long-arrow-right { color: #007cc3; font-size: 1.4em;}



.care h2{ text-transform: uppercase; font-size:2.5em; font-weight:400;}

.career_details { }

.single_job_listing{ border-top:#ebebeb 1px solid; padding-top: 25px;}

.career_details h3{ font-weight:400; font-size:1.8em; padding:0 0 20px 0; margin:0;}

#inner_page .career_details ul{ list-style: none; padding:0 0 30px 0; margin:0;}

#inner_page .career_details ul li{ padding:0 0px 0 0;  color: #818080; font-size:1.1em; line-height:2; margin:0; display:block;}

#inner_page .career_details ul li:before {content: "\f111"; font-family: FontAwesome; font-size: 9px; position:relative; top:-2px; padding: 0 15px 0 0;}

.sub_caption{ padding:15px 0; width:100%; float:left;}

.sub_caption li{ color:#8b8b8b; content:none; font-weight:400; font-size: 1.1em; line-height:2;}

#inner_page .sub_caption li:before, #inner_page .btn_apply li:before{ content:none !important;}



#inner_page ul.btn_apply{ padding:20px 0 30px 0;}

#inner_page ul.btn_apply li{ display: inline-flex; padding: 0 15px 0 0; }

#inner_page .apply a, #inner_page a.apply, #inner_page .apply{ background:#007cc3; text-transform:uppercase; color:#fff; padding:15px 40px; font-weight:400; font-size:1.6em; border:#007cc3 1px solid;}



#inner_page .current_oper a{ border:#007cc3 1px solid; text-transform:uppercase; color:#007cc3; padding:15px 20px; font-weight:400; font-size:1.6em; }

#inner_page .current_oper a:hover{ background:#007cc3; text-decoration: none; color: #fff; }

#inner_page .form_content p{ padding:0 0  0px 0; margin:0;}

#inner_page .form_content input, #inner_page .form_content textarea { margin-bottom:10px;}



.form_heading { background: #e9e9e9; width:100%; float:left; padding:20px;}

.fadeandscale_close { text-align: right; float: right; background:none; border:none; color: #007cc3; font-size:24px;}

.form_heading h2{ text-transform: uppercase;}

.form_content{ padding:30px 30px 20px 30px; width:100%; background:#fff; float:left;}
.form_content.job_from{ padding:0px;}

.well{ padding:0; background: #fff; border-radius:0px;}

.contact .form_content { padding:30px 0;}

input[type="file"] { display: block;top: 25px !important;}



.career_list1 { color: #8b8b8b; font-size:1.1em; font-weight: 400; text-transform:uppercase;}

.career_list1 ul li a:hover{ text-decoration:none;  color:#007cc3;}

#inner_page .career_list1 ul{ padding:6px 0; border-bottom:#ebe8e8 1px solid; width:100%; float:left; list-style:none !important; font-size:16px; }

#inner_page .career_list1 ul:last-child{ border:none;}

#inner_page .career_list1 li i{ padding: 0 10px 0 0; font-size:22px;}

#inner_page .career_list1 .table_head li {  font-family: "Roboto",sans-serif; color: #333; font-weight:400; font-size:1.5em; position: 0;}

#inner_page .career_list1 li .fa-chevron-circle-right { color: #f04f2c;}

#inner_page .career_list1 li.last{ text-align: right;}

.job_types, .showing_jobs, .single .job_application{ display:none !important;}



.fa-map-marker{ color:#e94b36;}

.fa-rocket{ color:#19ad8b;}

.comment_list { border:#ebebeb 1px solid; margin-bottom:25px; background:#fdfcfc; width:100%; float:left; padding:10px;}

#inner_page .comment_list p{ font-size:14px; padding-top:5px;}

.comment_list img { border-radius:50px; position:relative; left:-10px; border:#fff 2px solid; width:50px; height:50px;}

.comment_list span { font-size:15px;}

.comment_sub { margin:25px 0 25px 10%; width:90%; float:left;}

.comment-body { background:#fbfbfb; padding:15px;}

.comment-body footer { width:auto; float:none;}

.comment-body .comment-content p { padding:0 !important; font-size:14px !important;}

.modal-backdrop {

  z-index: initial;

}

#comments li .comment-body p{ padding:0; margin:0;}



.fadeandscale { -webkit-transform: scale(0.8); -moz-transform: scale(0.8);  -ms-transform: scale(0.8); transform: scale(0.8);}

.popup_visible #fadeandscale {  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1); transform: scale(1);}

.modal-header { background: #e9e9e9; width:100%; float:left; padding:20px;}

.fadeandscale_close { text-align: right; float: right; background:none; padding: 0; border:none; color: #007cc3; font-size:24px;}

.fadeandscale_close:hover{ background:none; box-shadow:none; border:none;}

.modal-header h2{ font-weight:400; text-transform: uppercase;}

.form_content{ padding:30px 30px 20px 30px; width:100%; float:left;}

.well{ padding:0; background: #fff; border-radius:0px;}

.contact .form_content { padding:30px 0;}

.modal{ top:15%; overflow:hidden;}

.modal-content{ border-radius:10px;}

.modal-body {

    float: left;

    padding: 20px;

    position: relative;

    width: 100%;

}

input[type="file"] { display: block;top: 25px !important;}



#respond { width:100%}

#respond h3{ font-size:2em}

#respond label, .form_content label{ font-weight: 300; font-size:1.2em;}

#respond input[type="text"], #respond input[type="email"], #respond input[type="tel"], .form_content textarea, .form_content input[type="text"], .form_content textarea, #respond textarea{ margin-top:5px; background:#fff; border:#ebebeb 1px solid; font-weight:normal; display: block; width:100%;  padding:10px;}

#respond input[type="submit"], .form_content input[type="submit"], .form_content .file{ border-radius:0px; background:#f04f2c; float:left; color:#fff; padding:15px 25px; font-size:1.3em; border: none;}

#respond textarea, .form_content textarea{ max-height:100px;}

#respond input[type="submit"]:hover, .form_content input[type="submit"]:hover, .form_content .file:hover{ opacity:0.9; text-decoration:none;}

.required{ color: red;}

.form-submit { text-align: center;} .form_content input[type="submit"] { font-size: 1.5em; font-weight: 400;  margin-top: 20px; padding: 10px 25px; text-transform: uppercase;}

.form_content .file{ padding:8px 15px; margin:0 0 0 25px;}

.attch{ position: relative; padding: 5px 0;}

.form_content .file { line-height: 19px; margin: 0 15px 0 0; padding: 8px 15px;}

.form_content #respond { margin: 0;}

.form_content #respond input[type="submit"] { margin-top:15px; clear:right; }

.form_content #respond input[type="submit"]:hover{  box-shadow:none; }



.pag_nav { text-align: center; padding:20px 0; width:100%; float:left;}

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

.pag_nav ul li{ list-style: none; padding:0 10px 0 0; margin:0; display: inline-block;}

.pag_nav ul li a{ border:#ebebeb 2px solid; font-family: 'Poppins', sans-serif; font-weight:400; font-size:1.4em; line-height:45px; border-radius:200px; width:50px; height:50px; display:block; }

.pag_nav ul li a:hover, .pag_nav ul li a.active{ background:#007cc3; border-color:#007cc3; color: #fff; text-decoration: none;}

.wpcf7-mail-sent-ok { display:block !important; margin:0;}

div.wpcf7-response-output { margin:0 !important; text-align:center;}

span.wpcf7-form-control-wrap {

    position: relative;

}

span.wpcf7-not-valid-tip {

background: none repeat scroll 0 0 #ffffff;

    border: 0;

    border-radius: 0px;

    display: block;

    right: 0px;

    top: -87px;

    padding: 11px;

    position: relative;

    margin: -4px 0 0 0%;

    z-index: 100;

    float: right;

    padding: 0;

    text-align: right;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {

span.wpcf7-not-valid-tip {

background: none repeat scroll 0 0 #ffffff;

    border: 0;

    border-radius: 0px;

    display: block;

    right: 0px;

    top: -87px;

    padding: 11px;

    position: relative;

    margin: -4px 0 0 0%;

    z-index: 100;

    float: right;

    padding: 0;

    text-align: right;

}

}



#myModal p, #myModal{ padding: 0; margin: 0; top:0 !important;}





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

   Contact Page Styles

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

#we_design_a, #mobile_development {}



.map { width: 100%; float:left; position:relative;}

.bg-info {

    padding: 15px;

	background-color: #d9edf7;

	border-radius:4px;

	border:1px solid #c1dae7;

}

.bg-info p{ padding:5px 0 0 0 !important; color:#333 !important; margin:0;}

/*

.address { background: url(images/addres_arrow.png) no-repeat right bottom; position:absolute; right:100px; bottom:5px; min-height:571px;  width:100%;}

.address .add_content{ max-width:633px;float: right; text-align: center; padding:140px 0  0 0; color: #fff; right: 296px; position: relative;}



*/

.address .add_content{ padding:0 0 0 25px;}

.address .add_content h3{ font-family: 'Poppins', sans-serif; font-weight:300; color: #333;  font-size:1.8em; padding:0 0 20px;}

.address .add_content a{  color:#343331;}

.address .add_content ul{ padding:0 0 0 0px; list-style:none !important;}

.address .add_content li{ text-align:left; width:100%; font-size: 1.1em; float:left; padding: 0 0 15px 0; line-height: normal;}

.address .add_content li i{ font-size:1em; float: left; padding: 0 20px 0 0; color: #b6bbb7;}

.address .sub_address { text-align:left; padding-top:25px; line-height:30px;  color: #818080;}

.address .sub_address a { color: #818080;}



.sub_address h4{  font-family: "Roboto",sans-serif; color: #333; text-transform:uppercase; font-size:1em; font-weight:400; padding:0 0 10px 0;}



.profile_contacts{ text-align:center; margin:0 0 50px 0; padding: 0;}

#inner_page .profile_contacts h3{ padding:0 0 5px 0;}

.profile_contacts img { max-width:100%;}

#inner_page .profile_contacts p{ font-size: 1em; padding:10px 0 15px 0;}

#inner_page .profile_contacts .social_media i{ padding: 0 5px 0 0; }



#slvj-window{width:100%;min-height:100%;z-index:30;background:rgba(0,0,0,.8);position:fixed;top:0;left:0}

#slvj-window,#slvj-window *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#slvj-background-close{width:100%;min-height:100%;z-index:31;position:fixed;top:0;left:0}

#slvj-back-lightbox{max-width:690px; max-height:500px;margin:auto;z-index:32}

.slvj-lightbox{position:relative;width:100%;height:100%;padding:60px 25px 25px 25px;margin:0;background-color:#FFF;box-shadow:0 2px 2px 2px rgba(0,0,0,.3);z-index:53}

#slvj-close-icon{background-image:url(images/close-icon.png);background-repeat:no-repeat;width:33px;height:33px;position:absolute;top:10px;right:10px;z-index:551}

#slvj-close-icon:hover{cursor:pointer}



/*

	Core Owl Carousel CSS File

 */



/* clearfix */

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

.owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}

.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden; position: relative; width: 100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;

transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}

.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor: pointer;}

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.grabbing {  cursor:url(grabbing.png) 8 8, move;}



/* fix */

.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}





/*******************************************************************************

		-	BULLETS AND ARROWS ADD ONS TO THE EXISTING VERSION 	-

*******************************************************************************/



#banner .tp-bannertimer { background:#777; background:rgba(0,0,0,0.1); height:5px; }

#banner .tp-bullets.simplebullets.navbar { height: 35px; padding: 0px 0px;}

#banner .tp-bullets.simplebullets .bullet { cursor: pointer; position:relative; background: rgba(255, 255, 255, 0.5); -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none;

 box-shadow: none; width: 15px; height: 15px; border: 0px solid rgba(255, 255, 255, 1); display: inline-block; margin-right: 5px; margin-bottom: 14px ;b -webkit-transition: background-color 0.2s, border-color 0.2s;

-moz-transition: background-color 0.2s, border-color 0.2s; v-o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none ;}

#banner .tp-bullets.simplebullets .bullet.last { margin-right: 0px}

#banner .tp-bullets.simplebullets .bullet:hover, #banner .tp-bullets.simplebullets .bullet.selected {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) ; width: 15px; height: 15px; border: 0px solid rgba(0, 0, 0, 1);}



#banner .tparrows:before { font-family: 'FontAwesome'; color: #fff; font-size:30px !important; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 9px;text-align: center;width: 40px; font-size: 20px;}

#banner .tparrows {cursor: pointer; background:none ;-webkit-border-radius: 5px; border-radius: 5px;width: 40px; height: 40px;}

#banner .tparrows:hover {color: #fff;}

#banner .tp-leftarrow:before {content: '\f104';}

#banner .tp-rightarrow:before { content: '\f105';}

#banner .tparrows.tp-rightarrow:before { margin-left: 1px;}

#banner .tparrows:hover { background:none ;}



.cd-top {

  display: inline-block;

  height: 40px;

  width: 40px;

  position: fixed;

  bottom: 40px;

  right: 50px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);

  /* image replacement properties */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background: rgba(0, 124, 195, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity .3s 0s, visibility 0s .3s;

  -moz-transition: opacity .3s 0s, visibility 0s .3s;

  transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {

  -webkit-transition: opacity .3s 0s, visibility 0s 0s;

  -moz-transition: opacity .3s 0s, visibility 0s 0s;

  transition: opacity .3s 0s, visibility 0s 0s;

}

.cd-top.cd-is-visible {

  /* the button becomes visible */

  visibility: visible;

  opacity: 1;

}

.cd-top.cd-fade-out {

  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */

  opacity: .5;

}

.no-touch .cd-top:hover {

  background-color:#f04f2c !important;

  opacity: 1;

}

.btn-info, .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color:#333;}

/******************************

	SLIDER NAV STYLE DEMOS	-

********************************/



#slider4container .tparrows:before, #slider4container .tparrows:hover, #slider4container .tparrows { color: #000 ;}

#slider4container .tparrows {background:#fff; background:rgba(255,255,255,0.5) ;}

#slider4container .tparrows:hover{ background:#fff }



.flash_bad {

 background: #f2dede;

    border: #ebccd1 1px solid;

    color: #a94442;

	width:100%;

	padding:15px;

	margin:0 0 25px 0;

	float:left;

  border-radius: 4px;

	}

#inner_page .nopadding p{ padding-bottom:0;}

.not-found{ text-align:center}

.not-found img{ margin:0 0 50px 0;}

.not-found h2{ border-top:#ddd 1px solid; padding:50px 0 20px 0; margin:0 0 0PX 0;}

.not-found .error { font-size: 26px !important;}



.custom_cat h3{ border-bottom:#ddd 1px solid; line-height:normal; padding:25px 0;}

.custom_cat h3.last-child{ border:none !important;}

.custom_cat ul { padding:0px 0 0 0px; margin:0;}

.custom_cat ul li{ line-height:40px; list-style:none; margin:0;  background: url("images/arrow_list.jpg") no-repeat left center; padding: 0 0 0 25px;}

.breadcrumbs{ padding-top:20px;}

.breadcrumbs, .breadcrumbs a{ color:#FFF;}



.search #inner_page .post { padding:20px;}

.search #inner_page .post span{ display:none;}

.search article {

    background: #fff none repeat scroll 0 0;

    border: 1px solid #ececec;

    float: left;

    margin-bottom: 20px;

    transition: height 5s ease-in-out 0s;

    width: 100%;

	padding:20px;

	}

.search article p{ padding:0 !important; margin:0;}

.search article h2{ font-weight:300; padding:0 0 10px 0;}

.modal-backdrop { background:none; position:relative}

.modal .modal-backdrop { background:#000; position:fixed;}



 #feedback{position:fixed;width:50px;height:161px; right:0px;top:50%; margin:-80px 0 0 0; z-index: 999;}

#feedback img{width:50px;height:161px;}

#feedback img:hover{ opacity:0.9;}







@media screen and (max-width: 31.5em) {

.grid {padding: 10px 10px 10px 10px; }

.grid li { width: 100%;min-width: 300px;}

.cs-style-3 figcaption { height: 188px; }

}

.showmore_content h3 { padding:15px 0;}

.devops_list, .showmore_content ul { list-style:none; margin:0 0 25px 0; padding:0;}

.devops_list li, .showmore_content li{     line-height: 40px;

    list-style: none;

    margin: 0;

	color:#818080;

	font-size: 1.1em;

    line-height: 1.8;

    background: url("images/arrow_list.jpg") no-repeat left center;

    padding: 0 0 0 25px; margin:0 0 10px 0;}

.box-dev {

    margin: 50px 0 30px 0;

    border: #ddd dashed 1px;

    display: inline-block;

    width: 100%;

    padding: 15px 50px;

    font-weight: 500;

    font-family: "Roboto",sans-serif;

    font-size: 27px;

    font-style: italic;

    background: #fff;

    border-radius: 65px;

    color: #333;

	}

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

   Media Quries Styles

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



@media (min-width: 1200px) {

.container { width: 1140px;}

}



@media (max-width:1025px){

#banner .text_head1 > p {

    font-family: "Roboto",sans-serif;

    font-size: 15px;

    font-weight: 100;

    line-height: 26px;

    position: relative;

    text-shadow: none;

    top: -25px;

}

#banner .tp-caption.big_orange a {

    border: 1px solid #fff;

    color: #fff;

    font-size: 19px;

    font-weight: 100;

    padding: 15px 34px;

}



.address { bottom: 5px; min-height:inherit; position: relative; right: 0; width: 100%;}

.address .add_content { color: #fff; float: left; max-width: 100%; padding:20px 0; position: relative; right: 0;text-align: left;}

.address .add_content ul, .address .add_content h3 { padding: 10px 15px;}

.address .sub_address {  padding: 25px 0 0 15px; text-align: left;}

.map iframe{ height:300px;}

  .cd-top {

    height: 60px;

    width: 60px;

    right: 30px;

    bottom: 30px;

  }

.cirle { width:72%; position:relative; z-index:99;}

.tab-content { position:relative; top:-30px;}

.tab-content p {font-size: 1em;}

.sub_menu ul li a {font-size: 1.2em;}

.callout { color: #8b8b8b; margin: 0 0 15px;text-align: center;}

.sidebar { padding:30px 0 0 0;}

#methodology img, #methodology { width:100%; max-width:100%; text-align:center;}

#awards .line1 img.year1 {

    left: -4%;

    position: relative;

}

#awards .line img.myward { margin:0;}

#banner .big_orange{ color:#fff; text-transform:uppercase; font-family: 'Poppins', sans-serif; font-weight:700 !important; font-size:3em !important;}

#services p {

    color: #8b8b8b;

    padding: 0 0px 25px 0px;

}

}



@media (max-width:1000px){

.tabpanel{ padding:0;}

.cirle { background:#f0f0f0; padding:10px; margin:0; min-height:auto; width:100%; text-align:center;}

.cirle li { padding:10px; margin:0; display: inline-block;  }

.cirle li a{ padding:10px; margin:0; display:inline-block; height:auto; min-width:70px; min-height:70px; display:block;}

.cirle li:hover, .cirle li.active { background-color:#fff;}

.cirle li a:hover{ background-color:#fff;}

.technology, .bankinbg, .manu, .education, .energy, .transport { position:relative; left:6px; top:9px; width:auto;}

.tab-content { margin:0 0 0 25px;}

.technology{ left:4px; top:5px;}

.bankinbg{ left:10px;}

.education { left:5px; top:4px;}

.tab-content {

    float: right;

    margin: 0 0 0 25px;

    top: 0;

    width: 79%;

}

.tab-content {

    float: right;

    margin: 0 0 0 25px;

    padding: 25px;

    text-align: center;

    top: 0;

    width: 100%;

}

}





@media (min-width:768px) and (max-width:980px){

#banner_inner, #banner_inner ul, #banner_inner h1{ text-align: center;}

#methodology img{ width:100%;}

.prev { left:0px; } .next { right:0px;}

.sub_menu ul li a {  color: #969696; font-size: 1.1em;  font-weight: 400; line-height: 0;padding: 0 15px;}

.list_tree .even, .list_tree .my_border{ background:none; border:none;}

.sub-heading h2 {font-size: 2.3em;}

.color_balls li{ min-width:200px; min-height: 200px;}

.mobile_design_a, .branding_marketing_a{ margin-top:30px }

.cloud_list p, .cloud_list h3{ text-align: left;}

.border{ border:none;}

.alliances li{ width:20%;}

.alliances li img { width:90%}

}



@media (max-width:980px) {

#banner .text_head1 > p { display:none;}

.flexnav ul .touch-button::after {top: 8px;right: 8px;width: 22px;height: 22px;}

.flexnav ul .touch-button::before {right: 17px;top: 16px; height: 7px; width: 7px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}

.touch-button {display: block;position: absolute;right: 0px; top: 0; width: 54px; height: 54px; z-index: 99; cursor: pointer;background: transparent;}

.touch-button::after {content: ''; display: block; position: absolute; width: 26px; height: 26px; right: 13px; top: 13px; border-radius: 23px;}

.touch-button::before {content: '';display: block;width: 10px;height: 10px;position: absolute;border-bottom: 1px solid #7a8189;border-left: 1px solid #7a8189;right: 21px;top: 14px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.flexnav li:hover>.touch-button::before, .sm-screen .submenu-open::before {border-bottom-color: #000;border-left-color: #000;}

.flexnav li:hover>.touch-button::after, .sm-screen .submenu-open::after {border-color: #000;}

.flexnav ul li:first-child a{ border-top:none;}

.flexnav {overflow: hidden;max-height: 0px; float:left; width:100%; padding:0;   }

.flexnav.show {overflow: visible; margin-top:15px;}

.flexnav li {float: none; background: #f4f4f4;}

.flexnav ul li a, .flexnav > li > a {width: auto; margin:0;}

.flexnav ul, .flexnav ul ul {position: relative;left: 0;width: 100%;}

.flexnav.show .touch-button, .menu-button .touch-button { z-index: 999; }

.flexnav ul .touch-button::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right:30px;top: 15px;}

.menu-button { float:right; margin: 11px 0 0;  width: 55px; min-height:47px; display:block;}

.menu-button .touch-button { background:url(images/menu_icon.png) no-repeat left 24px; border:none;}

.menu-button .touch-button:before, .menu-button .touch-button:after   { border:none;}

.flexnav ul li a, .flexnav ul ul li a, .flexnav ul ul ul li a {padding-left: 20px;}

.flexnav ul ul, .flexnav ul {background:none; padding:0;}

.flexnav ul.show {background: none;padding: 0;}

.sub-heading1 h2{ text-align: center;}

.sidebar{ border:none; padding:50px 0 0 0; margin-top:25px; border-top:1px solid #ebebeb;}

.sidebar .widgets{ float:left; width:100%;}

.sidebar .widgets li {width: 100%; float:left;}

#awards .line1 img.year1 { left: -5px; position: relative;}

#awards .line1 { margin-top:25px;}

#awards .line img.myward{ margin:0;}

.callout img{ max-width:100%;}

.callout h3 {  font-size: 1.6em;}

.outer_img{ background:none;}

.list_tree h3{ min-height:100%; padding:0px 0 0 0;}

.list_tree .col-lg-6 { min-height:100%; padding:20px 0;}

#custom_development .img { text-align:center; margin-bottom:30px;}

#new_cat .new_cal h1 {font-size: 3em;font-weight: 400;padding: 40% 0 0;}

#owl-demo1 img {margin: 0 35px 10px 20px;}

.resource_page .callout { margin-bottom: 30px; padding: 0;}

  .cd-top {

    right: 20px;

    bottom: 20px;

  }

.sidebar { min-height:inherit;}

ul.slimmenu li a{ padding: 10px 8px;}

#services p{ color:#8b8b8b; padding:0px;}

}

@media (max-width: 850px) {

ul.slimmenu li ul { margin:0; background:#ececec;}

ul.slimmenu li ul li { margin:0; background:#ececec;}

ul.slimmenu li ul li a i { padding:0 20px 0 0;}

ul.slimmenu li ul li:first-child a {

	border:none;

	margin:0;

}

ul.slimmenu{ float:none; width:100%;}

ul.slimmenu li .sub-collapser {

	display:block;

}

ul.slimmenu li a { margin:0;}



}

@media (max-width: 767px) {

 #feedback{ display:none;}

#banner .big_orange{ color:#fff; text-transform:uppercase; font-family: 'Poppins', sans-serif; font-weight:700 !important; font-size:2em !important;}

#inner_page, #banner_inner ul, #banner_inner h1{ padding-top:0; text-align:center}

.breadcrumbs, .breadcrumbs a { color: #fff; text-align: center;}

.navbar-brand{padding: 5px; text-align:left; margin:0; padding:14px 0 0 0;}

.menu-collapser {

    position: absolute;

    right: 10px;

    top: -38px;

}

#owl-demo .item{ margin:0;}

#banner .big_orange{ color:#fff; text-transform:uppercase; font-family: 'Poppins', sans-serif; font-weight:700 !important; font-size:1.5em !important;}

#banner .tp-caption.big_orange a {

    border: 1px solid #fff;

    color: #fff;

    font-size: 15px;

    font-weight: 100;

    padding: 5px 10px !important;

}

#inner_page .career_list1 li i {

    font-size: 22px;

    min-width: 29px;

    padding: 10px 0 0px 0;

}

.fadeandscale_open{ float:none !important;}

.sub-heading h2 {font-size: 2em;}

ul.slimmenu li ul { margin:0; background:#ececec;}

ul.slimmenu li ul li { margin:0; background:#ececec;}

ul.slimmenu li ul li a i { padding:0 20px 0 0;}

ul.slimmenu li ul li:first-child a { border:none; margin:0;}

ul.slimmenu{ float:none; width:100%;}

ul.slimmenu li .sub-collapser {display:block;}

.cirle li { background:#ddd 1px solid;}

#methodology h1, #mission h2, #inner_page h1, #clients h1 {font-size: 2.5em;}

#methodology{ display:none;}

#clients .boxIcon h2{font-size: 1.2em;}

.customNavigation {display: none;text-align: center;}

#inner_page .alignright{ max-width:100%;}

#inner_page .alignright { margin: 0 0 25px; text-align: right;}

#methodology img{ width:100%;}

#banner .text_head1{ display:none;}

#banner{ margin:75px 0 0 0;}

#banner .tp-caption.medium_bg_orange a {border: 1px solid #fff;color: #fff;padding: 5px 20px;font-size: 2em;}

#about{ text-align:center; padding:0 0 40px 0;}

#services h1{ padding:0; font-size:3em}

.alliances li img { margin-bottom:20px;}

#mainFooter .pull-right{ float:none !important;}

#mainFooter ul li a.tips { margin:0 auto 25px auto;}

.footerWidget { text-align:center; margin-bottom:25px;}

.alliances{ padding:0px 0 30px;}



.arrow_box, .arrow_box1{ width:100%; margin:25px 0 25px 0;}

.sub_menu ul li{ display: block;}

.sub_menu{ padding: 0;}

.sub_menu ul li a {  color: #969696; font-size: 1.1em;  font-weight: 400; display:block;; line-height:25px; padding: 15px;}

.sub_menu ul li a:hover, .sub_menu ul li a.sub_active{ background:none; background-color:#007cc3; color:#fff;  padding:15px;}

.list_tree .even, .list_tree .my_border{ background:none; border:none;}

.sub-heading h2 {font-size:1.8em;}

.color_balls li{ min-width:200px; min-height: 200px;}

.mobile_design_a, .branding_marketing_a{ margin-top:30px }

.cloud_list p, .cloud_list h3{ text-align: left;}

.cloud_list li.dot{ background:none; min-height: auto;}

.cloud_left img{ max-width:100%;}

#inner_page .padding p{ padding:15px;}

.resource_page .callout{ padding: 0 15px;}

.border{ border:none;}

#inner_page { text-align:left;}

.blog_content .social_media{ text-align: left; float:left; padding-top: 10px;}

.blog_content .social_media a, .author_post{ text-align: center;}

.myform input[type="text"], .myform .bootstrap-select{ margin-bottom:10px;}

.myform .col-sm-3, .myform .col-sm-4{ padding: 0;}

.showmore_two span { text-align: left; position:relative;}

#inner_page .showmore_two p { padding: 5px 0 0;}

#inner_page .webinar_img { text-align: center;  margin-bottom: 15px;}

.webinar_content:after, .webinar_content:before { border:none; background:none;}

#inner_page .career_list th:last-child{display:none;}

#inner_page .career_list th, #inner_page .career_list td { display: block; width: 100%; padding: 10px;}

.white_content{ padding:0; margin:0; }

#inner_page .callout1 > p { font-size: 1em; line-height: 1.4em; margin: 0; padding: 15px 0 0; width: 68%;}

.list_tree .callout1 span{ position:relative; top:15px;}

#inner_page .alignright { margin: 0;text-align: right;}

.callout1 img{ max-width:100%;}

.windows, .android, .blackberry, .cms, .enterprize, .iphone_icon, .java, .plam, .rails, .php_ico { margin: 0;}

.table_head{ display: none;}

.career_list1 ul{ position: relative;}

#inner_page .career_list1 li{ font-size:0.9em;}

#inner_page .career_list1 li.last{ position:absolute; top:50%; right:0;}

#new_cat .new_cal { background:none; min-height:inherit;}

#new_cat .new_cal h1 { padding: 0 0 15px 0; border-bottom:#e8e8e8 1px solid; margin-bottom:25px;}

.mobile_icon{ display:none}

.list_tree .col-lg-6, .list_tree .callout2{ text-align:left;}

.list_tree .callout2 h3{ padding:10px 0;}

#inner_page #mobile_development .callout2 p{ padding:0;}

.list_tree .col-lg-6 img, .list_tree .col-lg-5 img{ max-width:100%;}

.sub_cloud h2 { font-size: 2.2em; }

}

@media (max-width: 481px) {



.color_balls li.orange_co{ left:0;}

.color_balls li{padding: 20% 0 0;}

.color_balls li.yellow_co, .color_balls li.blue_co { top:0; left:0; margin-top: -32px; position: relative;}

#inner_page .webinar_content .social_media { float: left; margin: 15px 0; position: relative; width:100%;text-align: center;}

.showmore_trigge1 li { float: left; left: 0; position: relative; width: 100%; margin: 0;}

.showmore_trigger span { background:#ebebeb; border: 1px solid #ececec; display: block; float: left; line-height: 40px; padding: 0 15px;width: 100%;}

.showmore_content, .webinar_img, .webinar_content {  width:100%;}

.showmore_trigger span, .showmore_trigger{ margin-top: 10px;}

.showmore_content{ margin-top:20px;}

.myform{ margin-bottom:0px;}

.webinar_content { float:left;}

.showmore_content, .webinar_img, .webinar_content { width: 100%; float: left;}

.webinar_content .showmore_trigge1 li {  margin-top:15px;}

.showmore_trigge1 li a.watch, .showmore_trigge1 li button.watch { width:100%; text-align:left;}

}



.grid { padding: 20px 20px 20px 20px; max-width: 1300px; margin: 0 auto; list-style: none;text-align: center;}

.grid li {display: inline-block; width: 440px; margin: 0;padding: 20px;text-align: left;position: relative;}

.grid figure {margin: 0;position: relative}

.grid figure img {width: 100%;display: block;position: relative;}

.grid figcaption {position: absolute;top: 0;left: 0;padding: 20px;background: #007cc3;color: #bae6ff;text-align:center;width:100%;}

.grid figcaption h3 {margin: 0;padding: 0 0 8px 0;color: #fff;text-transform:uppercase;font-weight:400;font-size:1.3em}

.grid figcaption a {text-align: center;padding: 8px 20px;display: inline-block;color: #fff;border:#bae6ff 1px solid;margin-top:15px;text-transform:uppercase;font-size:1.2em;transition:1s;}

.grid figcaption a:hover{ background:#fff; color:#007cc3; text-decoration:none;}



/* Individual Caption Styles */



html { height: 100%; }



*,

*:after,

*:before {

   -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

   box-sizing: border-box;

   padding: 0;

   margin: 0;

}



/* Caption Style 3 */

.cs-style-3 figure {overflow: hidden;}

.cs-style-3 figure img {-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;}

.no-touch .cs-style-3 figure:hover img,.cs-style-3 figure.cs-hover img {-webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);}

.cs-style-3 figcaption { height: 150px; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;}

.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;}

.cs-style-3 figcaption a {}



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

.og-grid li {

    width: 90%;

}

}

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

}



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

   .og-fullimg { display: none; }

   .og-details { float: none; width: 100%; }



}

.su-tabs-nav span
{
font-size:15px !important;
}
.su-tabs-pane
{
font-size:15px !important;
padding: 40px 15px !important;
}
.career_list1 ul
{
list-style:none;
}
.wpcf7-dynamictext
{
pointer-events:none;
background:#eee !important;
}