body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, blockquote, th, td {
    margin: 0;
    padding: 0;
}

input, fieldset, img {
    border: 0;
}

html {
    height: 100%;
    margin-bottom: 1px;
}

body {
    position: relative;
}

:focus {
    outline: none;
}

/* links */
a {
    text-decoration: none;
    color: #444;
}

    a:hover {
        text-decoration: underline;
    }


@font-face {
    font-family: 'BigNoodle';
    src: url(../fonts/big_noodle_titling-webfont.eot);
    src: url(../fonts/big_noodle_titling-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/big_noodle_titling-webfont.ttf) format("truetype"),url(../fonts/big_noodle_titling-webfont.woff) format("woff"),url(../fonts/big_noodle_titling-webfont.svg#bignoodletitlingregular) format("svg");
    font-style: normal;
    font-weight: normal;
}


/* header elements */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 100%;
    color: #000;
    margin: 0;
    padding: 0;
    font-family: "BigNoodle","Times New Roman",Times,serif!important;
    font-weight: bold;
    line-height: 100%!important;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 26px;
    color: #444!important;
    font-weight: normal;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 17px;
    color: #433432!important;
}

h5 { /*font-size:150%;*/
}

h6 {
    font-size: 125%;
}




.clr{
	clear:both;
	}

div.second {
    background: #fff;
    padding: 0 0 10px 0;
    clear: both;
    float: left;
    width: 100%;
	margin:20px 0px;
}

div.third {
	width:100%;
	float:left;
    background: url(../images/third_bg.png) 0 0 repeat;
    height: 100%;
    padding: 0 0 30px 0;
}

.clearingfix {
    display: block;
}


.video-img{
	width:100%;
	margin:0px;
	padding:0px;
	
	}

h2.title_one1 {
    font-size: 34px;
}
	
h2.title_one1 a {
    font-size: 34px;
	    color: #444;
		text-decoration:none;
		}
		
h2.title_one1 a:hover{
	color: #000;
	}
	
	
h3.heading1{
    font-family: "BigNoodle", "Times New Roman", Times, serif;
    text-align: center;
    font-size: 34px;
    font-weight: normal;
	color:#444;
}
	
h3.heading2{
    font-family: "BigNoodle", "Times New Roman", Times, serif;
    text-align: center;
    font-size: 34px;
    font-weight: normal;
	color:#fff;
    padding: 15px 0;
}
	
	
div.ip-service {
    width:90%;
	margin:10px auto;
	padding:0px;
}

div.ip-service ul {
    background: #fff;
    padding: 8px 0 10px 25px;
   margin-top:10px;
    min-height: 175px;

    box-shadow: 0px 2px 10px #444;
    border-radius: 6px;
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 5px 8px #333;
	list-style: none;
    
}

div.ip-service ul li a {
padding: 5px 0 8px 56px;
    display: block;
	color: #444;
    text-decoration: none;
	    margin: 0 0 0 -1.8em;
    background: url(../images/arrow.png) 30px 8px no-repeat;
}

div.ip-service ul li a:hover {
    color: #444;
    background: #f9b701 url(../images/arrow.png) 10px 8px no-repeat;
}




div.fourth {
	width:100%;
	float:left;
    background: #444;
    background: #202022;
    padding: 0 0 40px 0;
	/*background-image:url(../images/port-bg.jpg);*/
	background-size:100%;
	background-position:center;
	background-attachment:fixed;
	background-image: url(../images/port-bg.jpg);
}

/*********************************home page portfolio css in********************************/

h3.title_three {
    font-family: "BigNoodle", "Times New Roman", Times, serif;
    color: #F8B502;
    padding: 0px 0 20px 0;
    text-align: center;
    font-weight: normal;
    font-size: 35px;
    line-height: 100%;
}

h3.title_three span {
    display: block;
    color: #ccc;
    font-size: 35px;
    padding: 15px 0 0 0;
}

.home-portfolio{
	width:90%;
	margin:0 auto;
	padding:0px;
	}

.home-portfolio-row{
	width:100%;
	margin:0px;
	padding:0px;
	}














/***************************************************************footer style in***********************************************************/

div.six {
    width: 100%;
    float: left;
    margin: 0 auto;
    padding:0px;
	background: url(../images/bg-tile.png) 0 0 repeat;
	
}

.footer{
	margin:0px;
	padding:0px;
	}

div.footer_top_head{
	padding: 16px 0 4px 0;
    overflow: hidden;
    border-bottom: dashed 2px #676767;
    margin-bottom: 20px;
	}
	
.footer_top_mar{
	margin-left:0px!important;
	}

div.footer_top_head h3 {
    font-size: 42px;
	color:#fff;
}
div.footer_top_head h3 span.color {
    color: #f7b401;
}
	
div.footer_top_head a.request_call {
    color: #FFF;
    background: #000;
    padding: 15px 20px;
    float: right;
    margin: 0;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #C14800;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

div.footer_top_head a:hover.request_call {
 box-shadow: inset 0 -100px 0 0 #F8B502;
}


.footerhead{
font-size: 16px;
    font-weight: bold;
    padding-bottom: 4px;	
	}
	
.footer-row-heading{
    width: 93%;
	color: #ccc;
	float:left;
	border-bottom:dotted 1px #999999;
	}	
	

	
.footer-row-heading a{
	text-decoration:none!important;
	}
.footer-row-heading a:hover{
	text-decoration:none!important;
	}

.footerhead a {
    
    text-decoration: none;
    margin-left: 0px;
    display: block;
    float: left;
}
	

	
.footer-row{
	margin-left:10px!important;
	}
	
.footer-row a {
    color: #ccc;
    width: 100%;
    text-decoration: none;
    margin-left: 0px;
    display: block;
    float: left;
    padding:0px;
    margin-top:2px;
	font-size:12px;
}

.footer-row a:hover{
	color:#fff;
	}
	
	
	
.div-spacing{
	clear:both;
	line-height:20px;
	height:20px;
	}



.footer-social {
    color: #37274B;
    text-decoration: none;
    padding: 7px 0;
    overflow: hidden;
    border-top: dashed 2px #676767;
    clear: both;
    height: auto;
    border-bottom: dashed 2px #676767;
    width: 100%;
    float: left;
}

	
.footer-social ul{	
width:100%;
float:left;
margin:0px;
padding:0px;
list-style:none;
display:inline;
}
	
	
	
.footer-social ul li{	
line-height: 42px;
float:left;
margin:0px 10px 0 0;
padding:0px;
list-style:none;
display:inline;
}
.footer-social ul li a{
	color:#898989;
	}
	
	.footer-social ul li a:hover{
	color: #f7b401;
	text-decoration:none;
	}	
	
	
	.footer-social ul li img{
		margin:0px;
		width: 35px;
		}	
	
	
.footer-social-right{
	float:right!important;
	}	
	
.footer-follow {
    float: right;
    margin-top: -87px;
}
	

	
	
	
	.footer_follow_btn{
	float: right;
margin-top: -87px;

		}

	
	
	
.footer_bottom{
width:100%;
float:left;
font-family: Tahoma;
font-size: 11px;
color: #CCCCCC;
text-decoration: none;
padding-top: 5px;
text-align: center;
line-height: 22px;
padding-bottom:10px;

}
.footer_bottom a{
	color: #CCCCCC;
	text-decoration: none;
    	text-align: center;
}
.footer_bottom a:hover{
	color: #fff;
	text-decoration:underline;
    	text-align: center;
}
	
	
	
	
	
	
	
	
	
	
	
	.big-section     { color:#FFF; padding-top:70px; }
.row             { margin-bottom:100px; text-align:center; }



/* TWITTER =========================================== */


    /* twitter rectangles =================================================== */
    #twitter-rectangle .tw-outside         { background:#0081b7; display:block; height:55px; position:relative; }
    
    #twitter-rectangle .tw-text, #twitter-rectangle .tw-click { cursor:pointer; display:block; height:100%; padding-top:15px; position:absolute; width:100%; 
        transition:0.3s ease all;
    }
    #twitter-rectangle .tw-text            { font-size:20px; font-weight:700; z-index:9999; }
    #twitter-rectangle .tw-click           { z-index:8888; }
    
   
    
    /* twitter circles ====================================================== */
    #twitter-circle .tw-outside         { display:block; margin:0 auto; position:relative; }
    
    #twitter-circle .tw-text, #twitter-circle .tw-click { cursor:pointer; display:block; position:absolute; width:100%; 
        transition:0.3s ease all;
    }
    #twitter-circle .tw-text            { font-size:20px; font-weight:700; z-index:9999; }
    #twitter-circle .tw-click           { z-index:8888; }
    
    /* twitter 3 ------------------------------------ */
    #tw-3                     { height:100px; width:100px; }
    #tw-3 .tw-text            {
	background: #F8B502;
    font-size: 60px;
    border: 4px solid #FFF;
    height: 100%;
    padding-top: 18px;
    border-radius: 50%;
    }
    #tw-3 .tw-click           { background:#fff; opacity:0; padding:10px 10px 5px; margin-top:25px; margin-left:-40px; padding-left:30px; width:auto; 
        border-top-right-radius:5px; border-bottom-right-radius:5px;
    }
    
    #tw-3:hover .tw-text      { transform:rotate(-360deg); margin-left:-100px; }
    #tw-3:hover .tw-click     { opacity:1; margin-left:-20px;  color:#F8B502;}
    
  
  
  
  
  
  
  
  /*******************************why mark page style*************************************/
  
  #profile_full {
    position: relative;
    z-index: 3;
    padding: 0px 0 1.5em 0;
    margin: 0px;
    background-repeat: repeat;
    overflow: hidden;
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
}
  
  .profile {
    width: 100%;
    margin: 2em 0 0 0;
    padding: 0px;
    color: #4c4c4c;
    float: left;
}
  .profile h1 {
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
    font-size: 30px;
    color: #DFA200;
    margin: 0;
    padding: 0px 0 10px 0px;
    line-height: normal;
    text-align: left;
    font-weight: normal;
}
.profile h3 {
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
    font-size: 20px!important;
    margin: 0;
    padding: 0 0 10px;
    line-height: normal!important;
    text-align: left!important;
    font-weight: 400;
    color: #DFA200;
}

.profile p {
    text-align: justify;
    line-height: 1.5em;
    margin: 10px 0;
    font-size: 14px;
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
}

.profile img {
    width: 100%;
    margin: 10px 0;
}


.company-pic1 {
    float: left;
    width: 49%!important;
    margin: 0px!important;
    padding: 0px;
    border: 1px solid #ddd;
}

.company-pic2 {
    float: right;
    width: 49%!important;
    margin: 0px!important;
    padding: 0px;
    border: 1px solid #ddd;
}

.profile h2 {
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
    font-size: 24px;
    margin: 0px!important;
    padding:0px;
    line-height: 1.3!important;
    text-align: left;
    font-weight: 400;
    color: #4c4c4c!important;
}

	
ul#profile_subnavigation {
margin: 5px 0 0 0;
padding: 0px;
width: 100%;
list-style: none;
}
	
ul#profile_subnavigation li {
float: left;
margin: 0 0 1px 0px;

background: rgba(248, 181, 2, 0.43);
background: -moz-linear-gradient(left, rgba(248, 181, 2, 0.29) 0%,rgba(248, 181, 2, 0.04) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(248, 181, 2, 0.29)), color-stop(100%,rgba(248, 181, 2, 0.04)));
background: -webkit-linear-gradient(left, rgba(248, 181, 2, 0.29) 0%,rgba(248, 181, 2, 0.04) 100%);
background: -o-linear-gradient(left, #fceed5 0%,#f8b502 100%);
background: -ms-linear-gradient(left, rgba(248, 181, 2, 0.29) 0%,rgba(248, 181, 2, 0.04) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFE39A', endColorstr='#FFF1CD',GradientType=1 );
width: 100%!important;
padding: 10px 0px;
border-top: 0px solid #f8f9fa;
border-bottom: 1px solid #f8f9fa;
list-style: none;
-webkit-box-shadow: 0px 1px 0px rgba(245, 220, 170, 0.43);
-moz-box-shadow: 0px 1px 0px rgba(245, 220, 170, 1);
box-shadow: 0px 1px 0px rgba(245, 220, 170, 1);
}	
	
ul#profile_subnavigation li a span {
    font-size: 13px;
    font-weight: normal;
}	
	
	

ul#profile_subnavigation li:hover {
float: left;
width: 100%;
cursor: pointer;
background: rgba(253, 218, 122, 0.47);
background: -moz-linear-gradient(linear, left top, right top, color-stop(0%,rgba(248, 181, 2, 0.36)), color-stop(100%,#fceed5));
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(248, 181, 2, 0.36)), color-stop(100%,#fceed5));
background: -webkit-linear-gradient(left, rgba(248, 181, 2, 0.2) 0%,#fceed5 100%);
background: -o-linear-gradient(left, #f8b502 0%,#fceed5 100%);
background: -ms-linear-gradient(left, #f8b502 0%,#fceed5 100%);
background: linear-gradient(to right, rgba(248, 181, 2, 0.07) 0%,rgba(248, 181, 2, 0.23) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF1CD', endColorstr='#FFE39A',GradientType=1 );
}
	
	
ul#profile_subnavigation li a.icon_profile {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/icon_profile.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}
	
ul#profile_subnavigation li a.mark_info {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/icon_mark-info.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	
	


ul#profile_subnavigation li a.leadership {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/leadership.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	

ul#profile_subnavigation li a.Infrastructure {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/Infrastructure.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	
	
	
ul#profile_subnavigation li a.Career {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/Career_icon.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	
	
	
	
	
ul#profile_subnavigation li a.mark_process {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/icon_process.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	


	
ul#profile_subnavigation li a.mark_team {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/icon_team.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	
	
	
	
	
ul#profile_subnavigation li a.news_events {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/icon_newsevent.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	
	
	
	
	
ul#profile_subnavigation li a.testimonials {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/icon_testimonial.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	


	
ul#profile_subnavigation li a.faq {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/icon_faq.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}	




ul#profile_subnavigation li a.work-approach {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/Development-Methodology-icon.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}


ul#profile_subnavigation li a.client-communication {
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/client-communication.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}


ul#profile_subnavigation li a.quality-assurance{
color: #4c4c4c;
text-decoration: none;
font-size: 15px;

font-weight: bold;
padding-left: 60px;
float: left;
background-image: url(../images/quality-assurance.png);
background-position: 10px 0px;
background-repeat: no-repeat;
}

#custom_quote {
    position: relative;
    padding-top: 15px;
    width: 100%;
    float: left;
    display: inline-flex;
}


#page-quote {
    -webkit-box-shadow: 0px 0px 0px 1px rgba(16, 16, 16, 1);
    box-shadow: 0px 0px 0px 1px rgba(83, 174, 0, 1);
    background: #7FC540;
    padding-top: 0px;
    float: left;
    width: 100%;
}

.ask_something {
    height: auto;
    padding: 10px 20px;
    float: left;
    width: 100%;
}
ul#ask_something {
	margin:0px;
	padding:0px;
}
ul#ask_something li {
	margin:0px;
	padding:0 0 15px 0px;
	list-style:none;
	width:100%;
	float:left;
}
ul#ask_something li p {
	margin:0px;
	padding:0 0 5px 0px;
}
.input_ask_something {
	background:url(../images/dot-bg.png) repeat;
	padding:9px 10px!important;
	width:100%;
}
.textarea_ask_something {
	background:url(../images/dot-bg.png) repeat;
	width:100%;
	padding:12px 10px;
}
.input_box_contact {
	background:url(../images/dot-bg.png) repeat;
	
	padding:11px 12px!important;
	width:96%;
}
.select_box_contact{
	line-height: 27px;
height: 44px;
width: 96%;
	}
.select_apply_now {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 47%, rgba(251,251,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(251,251,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(251,251,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(251,251,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(251,251,251,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(251,251,251,1) 47%,rgba(251,251,251,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	padding:11px 12px;
	width:522px;
}
input[type=text]:not(.basic),
input[type=tel]:not(.basic),
input[type=date]:not(.basic),
input[type=number]:not(.basic),
input[type=email]:not(.basic),
input[type=password]:not(.basic),
select:not(.basic),
textarea:not(.basic) {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 17px;
    color: #464646;
    line-height: 20px;
    padding:6px 9px;
}
input[type=text]:focus:not(.basic),
input[type=tel]:focus:not(.basic),
input[type=date]:focus:not(.basic),
input[type=number]:focus:not(.basic),
input[type=email]:focus:not(.basic),
input[type=password]:focus:not(.basic),
select:focus:not(.basic),
textarea:focus:not(.basic) {
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(255, 153, 0, 0.18);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(255, 153, 0, 0.18);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(255, 153, 0, 0.18);
    border-color: #59de2c;
    outline: none;
}
input[type=text].error:not(.basic),
input[type=tel].error:not(.basic),
input[type=date].error:not(.basic),
input[type=number].error:not(.basic),
input[type=email].error:not(.basic),
input[type=password].error:not(.basic),
select.error:not(.basic),
textarea.error:not(.basic) { border-color: #f90 !important }
input[type=text].error:focus:not(.basic),
input[type=tel].error:focus:not(.basic),
input[type=date].error:focus:not(.basic),
input[type=number].error:focus:not(.basic),
input[type=email].error:focus:not(.basic),
input[type=password].error:focus:not(.basic),
select.error:focus:not(.basic),
textarea.error:focus:not(.basic) {
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(255,153,0,0.4);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(255,153,0,0.4);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1),0 0 8px rgba(255,153,0,0.4);
    border-color: #f90;
}



	
	.floatlft {
float: left;
width: 80%!important;
margin-top: 12px;
border-radius: 6px;
height: 45px;
        }
		
		
		
.floatlft1 {
float: left;
width: 53%;
margin-top: 12px;
border-radius: 6px;
height: 45px;
margin-left: 7.5em;
        }
		
.form_reload_btn{
	height: 43px;
width: 53px;
border-width: 0px;
background: #ddd;
margin-top: 12px;
margin-left: 7px;
border-radius: 6px;
	}	

	

.Captcha_box{
line-height: 20px;
margin: -2px 0;
	}
	
	
	
	
.checkbox {
background:url(../images/checkbox.png) 0 0px no-repeat;
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #333333;

padding:5px 0 10px 2em;
vertical-align: top;
}

	
	
	.interface_live_demo_box1 a{
		float:right;
		clear:both;
margin-top:5px;
  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  background-color: #484847;
cursor: pointer;
color: #fff;
font: 400 14px/1 ProximaNovaRgBold,helvetica,arial,sans-serif;
padding: 10px 18px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);

	}
	
.interface_live_demo_box1 a:hover{
	color: #fff;
font: 400 14px/1 ProximaNovaRgBold,helvetica,arial,sans-serif;
	text-decoration:none;
	box-shadow: inset 0 -100px 0 0 #F8B502;
	}
	
	
.interface_live_demo_box1_btn{
	width:100%;
	float:left;
	}
.interface_live_demo_box1_btn span{
float: left;
line-height: 10px;
margin-top: 10px;
	}
	


#interface_demo_live{
    float:left;
	margin:2em 0;
   
	}	
.interface_live_demo{
width: 100%;
margin: 0 auto 28px auto;
padding: 10px 0;
background:#f0f0f0;
float: left;
box-shadow: 0 0 0 1px rgba(200,200,200,1);
	}	
	
.interface_live_demo_box1{
	width: 90%;
	margin: 0px auto;
	padding: 0px;
	}	
.interface_live_demo_box1 h1{
	font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
font-size: 24px;
margin: 0px!important;
padding: 0 0 12px;
line-height: 1.3;
text-align: left;
font-weight: 400;
color: #4c4c4c!important;
	}	
	
.interface_live_demo_box1 ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
.interface_live_demo_box1 ul li{
	color:#333333;
	list-style:none;
	margin:0px;
	padding:0px;
	display:list-item;
		}


.interface_live_demo_box1 .textbox {
    background: #fff;
    width: 100%;
    padding: 11px 5px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    font-family: Arial;
    font-size: 12px;
    color: #979797;
    float: left;
}


.active {
   
    color: red;
    line-height: 1;
    
    top: 2px;
    position: relative;
        }

        .deactive {
            display: none!important;
        }


ul.unorder_list {
width: 100%;
height:auto;
padding: 0 0 0 15px;
margin-left: 0px!important;
float: left;
}	
	
	
ul.unorder_list li {
width:100%;
text-align: justify;

background: url(../images/arrow.png) 10px 8px no-repeat;
padding: 5px 0 5px 30px;
display: block;
text-decoration: none;
margin: 0 0 0 -1.8em;
}
	

ul.unorder_list li span{
	color: #000;
    font-weight: bold;
	}
	
	
	
ul.ser-list {
width: 100%;
height:auto;
padding: 0 0 0 15px;
margin-left: 0px!important;
float: left;
}	
	
	
ul.ser-list li {
width:100%;
text-align: justify;

background: url(../images/list-arrow.png) 10px 8px no-repeat;
padding: 5px 0 5px 40px;
display: block;
text-decoration: none;
margin: 0 0 0 -1.8em;
}
	


/*******************************************************************Our Interface Services**************************************************************/

.Our_Interface {
    background: url(../images/bottom-bg.png);
    background-size: 100% 100%;
    /* background: #69ac35; */
    color: #fff;
    text-shadow: none;
    clear: both;
    float: left;
    width: 100%;
    padding: 1em 0 3em 0;
}





::selection {
    background: #F8B502;
    color: #fff;
}



::-webkit-scrollbar
{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}



/****************************************************leadership page style********************************************/
div.leadership {
	
	    width: 100%;
    float: left;
    padding:11em 0;
	background-size:100%;
    text-align:center;
    background-image: url(../images/interface-leadership.jpg);
}


.leadership-tital{
	    font-family: "BigNoodle","Times New Roman",Times,serif!important;
    font-size: 5em;
    font-weight: 400;
	color:#fff;
	}
	
.leadership-tital2{
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
    font-size: 3em;
    font-weight: 400;
    line-height:45px;
	color:#fff;
}

span.page_heading {
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.team-row {
    margin-bottom: 20px;
    background-color: #FFFFFD;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.mag-arrow img{
	margin:0px!important;
	}
.mag-arrow { position:absolute; top:-13px; left:30px;}
.more_info { background:url(../images/mark-team/add.png) no-repeat right bottom;  position:absolute; right:10px; bottom:10px; top:0px; left:0px; overflow:hidden; text-indent:1000px; }
.more_info_show { background:url(../images/mark-team/less.png) no-repeat right bottom!important; }

.info1 {}
.info2 { left:-112%;} 
.info2 .mag-arrow { left:27%;} 
.info3 { left:-225%;} 
.info3 .mag-arrow { left:52%;} 
.info4 { left:-337%;} 
.info4 .mag-arrow { left:78%;} 



.submenu_info { width:438%; position:relative;}

.submenuinfo { /*DIV that contains each sub menu*/
background:#f1f1f1;
    float: left;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
     position:relative;
	padding:20px; margin-bottom:30px; bottom:-20px;
}





/*===============================
========== Responsive Media Queries ==========
===============================*/
@media (min-width: 768px) and (max-width: 991px) {
.logo {line-height: 105px !important;}
.gfx-nav { float:none;}
ul.gallery {margin-left: 0;}
ul.gallery li {width: 50% !important; /* this value + 2% should = 50% */}

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (max-width:1000px) {
.submenu_info { width:100%!important; position:relative; left:0px!important; } 

}
@media (min-width: 1200px) {

}
@media (max-width: 767px) {
	
.header-top-left{padding:0px;}
.social-top{ text-align:center; float:none;}
.top-menu{ float:none; text-align:center;}
.top-menu li { border-top:1px solid #ececec;}

.logo {line-height: 105px !important;}
.gfx-nav { float:none;}
.header-main.shrink .gfx-nav a { line-height:1.4;}

.main-wrapper-header .breadcrumbs-wrapper { text-align:left;}
.fancy-header .breadcrumbs-wrapper { text-align:center;}

ul.gallery {margin-left: 0;}
ul.gallery li {width: 50% !important; /* this value + 2% should = 50% */}

.blog-post-side { position:relative !important; margin:0 auto; margin-bottom:20px;}
.blog-post-content { margin-left:0 !important; margin-right:0 !important;}

/* RTL */
html[dir="rtl"] .top-menu {float: none;text-align: center;}
html[dir="rtl"] .social-top {float: none; text-align: center;}

}

 .panel-body {
    padding: 14px;
}

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

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}



/************************************************testimonials**********************************************/

.aboutpage2-intro {
    font-size: 16px;
    line-height: 24px;
    color: #3C3C3C;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
    padding-bottom: 15px;
    font-family: DINPro-Medium,Lucida sans;
    font-weight: 400;
}

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

ul.testimonail li {
	float:left;
	background:#E8E8E8;
	border:none;
	margin:0 0 20px 0px;
	padding:15px;
	list-style:none;
	text-align: justify;
	padding-top: 50px!important;
	background:url(../images/Testimonials-arrow-icon.png) no-repeat scroll 0 0 transparent;
	border-bottom: 1px dotted #ccc;
}



.testimonail_teg{
font-size: 12px!important;
line-height: 16px!important;
color: #1a2f3f;
font-weight: 700;
font-style: italic;
	}


.testimonial-rating-no {
font-size: 12px;
line-height: 16px;
color: #DFA407!important;
font-weight: 700!important;
font-style: italic;
}


/***************************************************get a quote style************************************************/

.get_quote_main {
   float: left;
    border: 1px solid #ddd;
    padding: 2%;
    border-radius: 8px;
    margin: 2em 0 2em 0;
}


.standart-h2title{
	margin: 0em;
    font-size: 24px;
	}
	
.get_quote_main small {
    font-size: 14px;
    margin: 10px 0 2em 0;
    float: left;
}

.get_quote_sect {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-right: 0px solid #666;
}

.get_quote_sect_row {
        width: 48%;
    float: left;
    margin: 0 1%;
    padding: 0px;
}

.field_name {
       width: 100%;
    float: left;
    color: #333;
    line-height: 24px;
    font-size: 15px;
    padding: 5px 0 2px 0;
}

.get_quote_sect_row input{
    background: url(../images/dot-bg.png) repeat;
    padding: 11px 12px!important;
    width: 100%;
}

.get_quote_sect_row1{
	width:98%;
	margin:0 1%;
	}

.get_quote_sect_row1 textarea{
    background: url(../images/dot-bg.png) repeat;
    padding: 11px 12px!important;
    width: 100%;
	min-height:150px;
}




.get_quote_sect_row_cap {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.get_quote_sect_row2 {
    width: 55%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.capcha_arroww {
    width: 78%;
    display: inherit;
}

.get_quote_sect_row_cap input {
    float: left;
    width: 39%;
    height: 49px;
    font-size: 14px;
    margin-right: 10px;
    color: #333333;
    padding: 0 24px 0 18px;
    border: solid 1px #c1c1c1;
    background: #fff;
    background-image: -webkit-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -moz-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: -o-linear-gradient(bottom, #fbfbfb, #fff);
    background-image: linear-gradient(to top, #fbfbfb, #fff);
    border-radius: 8px;
}

.get_Captcha_code {
    border-width: 0px;
    height:50px;
    width: 33%;
    border-radius: 6px;
    margin-right: 10px;
    float: left;
}

.get_quote_mid{
	width:100%;
	float:left;
	margin-top: 2em;
	padding:0px;
	}

.get_quote_mid h1{
	float:left;
	margin:0px;
	padding:0px;
	font-size: 28.5px;
    color: #F8B502;
	}
	
.submit_right{
	float: right;
    margin-top: -3em;
    margin-right: 1%;
	}
	
	

div.get_sumbit_top1 table {
    background: none!important;
    padding: 0px;
    border-radius: 5px;
    width: 100%;
}

div.get_sumbit_top1 table tr td {
    width: 25%;
    float: none;
    padding: 3px 0 0px 0;
    font-family: "BigNoodle", "Times New Roman", Times, serif;
    font-size: 13px;
    font-weight: normal;
    color: #353535;
    letter-spacing: 0px;
    font-family: 'PT Sans',sans-serif;
    text-transform: none;
}

div.get_sumbit_top1 table tr td input {
    width: 8%!important;
    padding: 7px;
    margin: 8px 0 0 -1em;
    float: left;
}

div.get_sumbit_top1 table tr td label {
        width: 90%;
    line-height: 27px;
    float: left;
    margin: 0px;
    color: #1D1D1D;
    font-weight: normal;
}

.get_btn_bottom {
    float: right;
}

.get_quote_sect_row_right_btn {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #484847;
    cursor: pointer;
    color: #fff;
    font: 400 14px/1 ProximaNovaRgBold,helvetica,arial,sans-serif;
    padding: 10px 18px;
    text-align: center;
    width: auto;
    float: left;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
    margin-right: 1em;
}

.banner_2 {
    background: url(../images/inner-banner/get_quote.png);
    background-size: 100% 100%;
    color: #fff;
    text-shadow: none;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 0em;
}

.banner_2 h1 {
    padding: 2.5em 0 1.5em 0;
    text-align: center;
    letter-spacing: 3px;
    font-size: 4em;
    padding-left: 0px;
    padding-right: 0px;
    font-family: "BigNoodle", "Times New Roman", Times, serif;
}



/*****************************************contact us style********************************************/
.banner_1 {
    background: url(../images/inner-banner/contact.png);
    background-size: 100% 100%;
    /* background: #69ac35; */
    color: #fff;
    text-shadow: none;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 0em;
}

.banner_1 h1 {
    padding: 2.5em 0 1.5em 0;
    text-align: center;
    letter-spacing: 3px;
    font-size: 4em;
    padding-left: 0px;
    padding-right: 0px;
    font-family: "BigNoodle", "Times New Roman", Times, serif;
}




.contact_full_bg {
    width: 100%;
    float: left;
    padding: 0px 0 0em 0;
    margin: 0px auto -2em auto;
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
    background: url(../images/company.jpg)no-repeat fixed;
    background-size: 100% 100%;
}
.contact_full_bg_pattren{
	background-image:url(../images/pattren.png);
	}

	.contact_full{
	width:100%;
	margin:2em 0;
	padding:0px;
	float:left;
	}

	.contact_full .cont-head{
	   color: #fff!important;
       text-align: center;
       font-size: 44px;
		}

ul.cont_add_row {
	margin-top:1em;
    padding: 0px;
    float: left;
}	
	
	
ul.cont_add_row li {
    width: 220px;
    height: 220px;
    background: rgba(255, 255, 255, 0.8);
    padding: 36px 0 0px 0;
    float: left;
    border: 6px solid #fff;
    display: block;
    text-align: center;
    border-radius: 47% 0;
    text-decoration: none;
    margin: 10px;
}
	
	
ul.cont_add_row li:hover{
	background: rgba(255, 255, 255, 0.88);
	cursor:pointer;
	border: 6px groove #F8B502;
	border-color: rgba(0,0,0,0);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
	    border:8px dotted rgba(0, 0, 0, 0.7);
	}
	
ul.cont_add_row li img{
	width:;
	}


ul.cont_add_row li span{
	color: #636363;
    font-weight: bold;
	}

ul.cont_add_row li a{
	color:#333;
	}

ul.cont_add_row li a:hover{
	color:#F8B502;
	}


ul.cont_row {
    width: 100%;
    height: auto;
    margin-top: 1em;
    padding: 50px;
    border-radius: 17% 0;
    float: left;
    background-color: rgba(255, 255, 255, 0.81);
    border: 6px solid #fff;
}	
	
	
ul.cont_row li {
width:100%;
padding: 5px 0 5px 30px;
display: block;
text-decoration: none;
margin: 0 0 0 -1.8em;
}
	

ul.cont_row li span{
	color: #636363;
    font-weight: bold;
	}

.capcha-row{
	width:100%;
	background: url(../images/dot-bg.png) repeat;
    padding: 9px 10px!important;
	}

.capcha-code {
    float: left;
    width: 53%;
    margin-top: 12px;
    border-radius: 6px;
    height: 45px;
}

.capcha-reload {
    background: #6E6E6E!important;
    border-radius: 6px;
    float: left!important;
    margin-top: 1em;
    width: 59px!important;
    margin-left: 2em;
}

.submit_cont{
	float: right;
    margin-top: 10px;
	}

/********************************************************************************inner portfolio style***********************************************************************/




div.portfolio_inner {
    background: url(../images/third_bg.png) 0 0 repeat;
    float: left;
    padding-bottom: 4em;
}

div.portfolio_inner .title_three{
	font-size: 38px;
    line-height: 45px;
    font-weight: normal;
	text-align:center;
    margin: .5em 0 0px 0;
    padding: 5px 0 10px 0px;
    font-family: "BigNoodle", "Times New Roman", Times, serif;
    color: #474747;
    border-bottom: dotted 0px #fff;
	}

.portfolio-row {
    width: 90%;
    margin: 0 auto;
    padding: 0px;
}

.portfolio-row h1.title_one {
    font-size: 38px;
    line-height: 45px;
    font-weight: normal;
    margin: .5em 0 0px 0;
	text-align:center;
    padding: 5px 0 10px 0px;
    font-family: "BigNoodle", "Times New Roman", Times, serif;
    color: #474747;
    border-bottom: dotted 0px #fff;
}


div.inner_container {
    padding:0px!important;
    clear: both;
    float: left;
    width: 100%;
}


/*---------------------------------------------------------------------interface customization service page style--------------------------------------*/

.service{
	width:100%;
	margin:0px;
	padding:0px;
	}

.service h1 {
   text-align:left;
    color: #F8B502;
}

.service h2 {
    margin: 0em;
    font-size: 24px;
}

.service p {
    text-align: justify;
    line-height: 22px;
    margin: 1em 0;
    font-size: 14px;
}

/*interface services style*/


.interface_services{
	width:100%;
	margin:0 auto;
	padding:0px;
	}
	
.interface_services_row{
	width:100%;
	float:left;
	margin: 10px 0;
    border-radius: 6px;
	padding:20px 0;
	background-color: #fff;
	border:1px solid #ddd;
	}




.interface_services_row .btn-row{
	width:100%;
	margin:0em 0 10px 0;
	float:left;
	}

.service_get_btn1{
	float:left;
	margin:0 1em 10px 0;
	}
	
.service_get_btn a{
	border-radius: 3px;
background-color: #484847;
cursor: pointer;
color: #fff;
font: 400 14px/1 ProximaNovaRgBold,helvetica,arial,sans-serif;
padding: 10px 18px;
text-align: center;
width: auto;
float: left;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
	}

.service_get_btn a:hover{
	color:#fff;
	text-decoration:none;
	background: #ffa121;
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
	}


.service_read_more_btn a {
    border-radius: 3px;
    background-color: #484847;
    cursor: pointer;
    color: #fff;
    font: 400 14px/1 ProximaNovaRgBold,helvetica,arial,sans-serif;
    padding: 10px 18px;
    text-align: center;
    width: auto;
    float: left;
    margin: 0 1em 0 0;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}

.service_read_more_btn a:hover {
    color: #fff;
    text-decoration: none;
    background: #ffa121;
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2) inset;
}


	
.interface_services_row img{
	width: 100%;
    margin: 0px;
    padding: 0px;
    border-radius: 50%;
    box-shadow: 0px 5px 1px 0px #D2D2D1;
	}
	
.interface_services_row img:hover{
	border-radius: 50%;
    box-shadow: 0px 1px 1px 0px #ddd;
	border:6px solid #F3F3F3;
	}
	
.interface_services_row_right_con .btn-row{
	width:100%;
	margin:0em 0 10px 0;
	float:left;
	}
	

	
/*----------------------------------------- Our Custom Interface Package includes style------------------------------------------------------*/	
	
.Package-row {
    width: 100%;
    float: left;
    border-radius: 0px;
    padding: 15px 0 25px 0;
    margin: 2em 0 0 0;
    border-top: 1px solid silver;
    background: linear-gradient(#eee, #fff);
    transition: all 0.3s ease-out;
}

.Package-row ul {
    width: auto;
    height: auto;
    padding: 0 0 0 0px;
    margin: 2em 0 0 1.8em;
}

.Package-row ul li {
    width: auto;
    text-align: justify;
    background: url(../images/arrow_icon.png) 0 0px no-repeat;
    padding: 2px 0 10px 40px;
    display: block;
    text-decoration: none;
    margin: 0 0 0 -1.8em;
}

.Package-row ul li span {
    font-weight: bold;
    font-size: 16px;
}

.get_btn {
    color: #7FC540;
    font-weight: bold;
}


/*----------------------------------------- service inner page slider style------------------------------------------------------*/



div.demo_slide h2 {
    position: absolute;
    bottom: 0px;
    left: 0;
    font-family: "BigNoodle", "Times New Roman", Times, serif !important;
    text-align: left;
    font-size: 35px !important;
    font-weight: normal;
}

div.demo_slide input.open_demo{
	width:15%;
height: 50px;
position: absolute;
bottom:5px;
right: .1em;
position: absolute;
 color: #F8B502;
   background:none;
    padding: 15px 20px;
    margin: 0;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #C14800;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	border:2px solid #F8B502;
	border-radius:4px;
}


div.demo_slide input.open_demo:hover{
 box-shadow: inset 0 -100px 0 0 #F8B502;
 color:#fff;
}


	

	@media all and (min-width:239px) and (min-device-width:239px),(max-device-width:400px) and (min-width:239px) and (orientation:landscape)
{
	div.demo_slide {
   background: url(../images/monitor.png) 50% 0 no-repeat;
    margin: 30px auto;
    padding: 10px 0 0 0px;
    position: relative;
    min-height: 405px;
    border-bottom: dotted 1px #ccc;
    background-size: 100% 58%;
}

.flexslider {
    margin: 0 0 0 0px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
    width: 93%!important;
    margin: auto;
    padding-top: -1em;
    margin-top: 1em;
}
	
	
	div.demo_slide h2 {
    position: absolute;
    bottom: 5px;
    left: 0;
    font-family: "BigNoodle", "Times New Roman", Times, serif !important;
    text-align: center;
    font-size: 38px !important;
    font-weight: normal;
}
	div.demo_slide input.open_demo {
    width: 100%;
    height: 50px;
    bottom: 4.1em;
    
}
	
	}
	

@media all and (min-width:459px) and (min-device-width:459px),(max-device-width:700px) and (min-width:459px) and (orientation:landscape)
{
	div.demo_slide {
    background: url(../images/monitor.png) 50% 0 no-repeat;
    padding: 12px 0 0 0px;
    position: relative;
    min-height: 512px;
    border-bottom: dotted 1px #ccc;
    width: 100%;
    background-size: 100% 65%;
}


	}
	
	
	
	
	
	@media all and (min-width:740px) and (min-device-width:740px),(max-device-width:800px) and (min-width:740px) and (orientation:landscape)
{
	div.demo_slide {
   background: url(../images/monitor.png) 50% 0 no-repeat;
    padding: 18px 0 0 0px;
    position: relative;
    min-height: 581px;
    border-bottom: dotted 1px #ccc;
    width: 100%;
    background-size: 70% 74%;
}

.flexslider {
    margin: 0 0 0 0px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    zoom: 1;
    width: 64%!important;
    margin: auto;
    padding-top: -1em;
    margin-top: 1em;
}


div.demo_slide input.open_demo {
    width: 35%;
    bottom: 5px;
    
}

}




	
	@media all and (min-width:996px) and (min-device-width:996px),all and (max-device-width:1024px) and (min-width:1024px) and (orientation:landscape)
{
	div.demo_slide {
    background: url(../images/monitor.png) 50% 0 no-repeat;
    padding: 24px 0 0 0px;
    position: relative;
    min-height: 619px;
    border-bottom: dotted 1px #ccc;
    width: 100%;
    background-size: 69% 89%;
}
	}




@media all and (min-width:1220px) and (min-device-width:1220px),all and (max-device-width:1366px) and (min-width:1366px) and (orientation:landscape)

{
	div.demo_slide {
   background: url(../images/monitor.png) 50% 0 no-repeat;
    padding: 20px 0 0 0px;
    position: relative;
    min-height: 662px;
    border-bottom: dotted 1px #ccc;
    width: 100%;
    background-size: 56% 89%;
}

.flexslider {
    width: 52%!important;
}

div.demo_slide input.open_demo {
    width: 21%;
    bottom:5px;
}
	}
	
	
	
	
/*------------------------------------------------------------------web design & development--------------------------------------------------------*/



.web_service {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
}

.web_service .web_right {
    width: 37%;
    float: right;
    margin-left: 15px;
}




.services-design ul li {
width: 25%;
height: auto;
border: none;
float: left;
text-align: center;


    margin: 6px 0;
    padding:0;
 
}


.services-design ul li:first-child {
padding-left: 0px;
}



.services-design ul li figure img {
text-align: center;
vertical-align: middle;
}

.services-design ul li h5 {
font-size:22px !important;
text-align: center;
color: #222420;
padding-top: 10px;
}



.services_developer{ width:100%; margin:30px auto 40px auto;}
.services_developer h1 {
    font: 400 39px/60px 'Open Sans';
    text-align: center;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.services_developer p{font:22px/38px 'clanotbook'; color:#55636C; text-align:center; padding-bottom:10px}
.services_developer p span{ color:#019BDC;}
.services_developer ul{ width:100%; list-style-type:none; padding:0; margin-top:30px; margin-bottom:30px; display:inline-block;}

.services_developer ul li:first-child{margin-left:0px;}
.services_developer ul li img{ padding-top:18px; padding-bottom:14px; vertical-align:middle; transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
.services_developer ul li:hover img{transform:translateY(-7px); -moz-transform:translateY(-7px); -webkit-transform:translateY(-7px); -ms-transform:translateY(-7px); text-decoration:none;}

.services_developer ul li span{font:17px/23px 'clanotmedium'; color:#2e3234; display:block;}

.services-design ul li a{
	text-decoration:none;
	}
	
	
.services-design ul li a:hover{
	text-decoration:none;
	}

.services-design{ width:auto; margin:0 auto;}
.services-design ul{ list-style-type:none;}





.services-design ul li figure{ border:solid #e6e9e6 5px; -webkit-border-radius:100px; border-radius:100px; width:175px; height:175px; margin:0 auto; background:#fff; }
.services-design ul li figure img{ text-align:center; vertical-align:middle;text-align: center;    vertical-align: middle;    width: auto;    padding: 7px 0;}

.services-design ul li figure:hover{border:solid #FFA121 5px; text-decoration:none;}
.services-design ul li:first-child{ padding-left:0px;}
.services-design ul li h5 a:hover{ text-decoration:none!important;}

.services-design ul li h5 a:focus{
	text-decoration:none;
	}
	
	
	
	
	
	
.custom_service{
margin:0px;
padding:0px;
float:left;

	
	}
	
	
	
.custom_service ul{
	width:100%!important;
height: auto;
padding: 0 0 0 0px;
margin:1em 0 0 1.8em;
	}
	
.custom_service ul li{
	width:auto;
text-align: justify;
background: url(../images/arrow_icon.png) 0 0px no-repeat!important;
padding:0px 0 10px 40px!important;
display: block;
text-decoration: none;
margin: 0 0 0 -1.8em!important;
	}
	
.custom_service ul li span{
	font-weight:bold;
	font-size:16px;
	}	
	
	
	
.custom_service_box1{
	width:100%;
	float:left;
	 }
.custom_service_box{
	width: 48%;
    float: left;
    margin: 1%;
    min-height: 129px;
    padding: 12px;
    background: #ddd;
    border-radius: 7px;
    box-shadow: 0px 0px 1px #000;
	
	}
	
.custom_service_box_icon1 {
background: url(../images/custom-corporate-icon.png) no-repeat;
padding-left: 55px;
float: left;
}

	
.custom_service_box_icon2 {
background: url(../images/custom-design-icon2.png) no-repeat;
padding-left: 55px;
float: left;
}

.custom_service_box_icon3 {
background: url(../images/custom-design-icon3.png) no-repeat;
padding-left: 55px;
float: left;
}
.custom_service_box_icon4 {
background: url(../images/custom-design-icon4.png) no-repeat;
padding-left: 55px;
float: left;
}





.custom_service_box_icon5 {
background: url(../images/custom-design-icon5.png) no-repeat;
padding-left: 55px;
float: left;
}

	
.custom_service_box_icon6 {
background: url(../images/custom-design-icon6.png) no-repeat;
padding-left: 55px;
float: left;
}

.custom_service_box_icon7 {
background: url(../images/custom-design-icon7.png) no-repeat;
padding-left: 55px;
float: left;
}
.custom_service_box_icon8 {
background: url(../images/custom-design-icon8.png) no-repeat;
padding-left: 55px;
float: left;
}

.custom_service_box_icon9 {
background: url(../images/cms-icon.png) no-repeat;
padding-left: 55px;
float: left;
}

.custom_service_box_icon10 {
background: url(../images/Enterprise-CMS-icon.png) no-repeat;
padding-left: 55px;
float: left;
}

.custom_service_box_icon11{
background: url(../images/b2b-icon.png) no-repeat;
padding-left: 55px;
float: left;
}

.custom_service_box_icon12{
background: url(../images/e-commerce-icon.png) no-repeat;
padding-left: 55px;
float: left;
}
.custom_service_box h5{

margin: 0;
padding: 0 0 5px;
line-height: normal;
text-align: left;
font-weight: 400;


font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
font-size:18px;

	}
	
	
	
.custom_service {
   margin: 4px 0 15px 0;
    float: left;
    width: 100%;
    padding: 16px;
    background: #ddd;
    border-radius: 7px;
    box-shadow: 0px 0px 1px #000;
}

.custom_service ul {
    width: 100%!important;
    height: auto;
    padding: 0 0 0 0px;
    margin: 1em 0 0 1.8em;
}

.custom_service ul li {
    width: auto;
    text-align: justify;
    background: url(../images/arrow_icon.png) 0 0px no-repeat!important;
    padding: 0px 0 10px 40px!important;
    display: block;
    text-decoration: none;
    margin: 0 0 0 .2em!important;
}




/*--------------------------------------------------------------------press releases-------------------------------------------*/


.press-release {
    width: 100%;
    margin: 0px 0 1em 0;
    padding: 0px;
    float: left;
}

.press-release ul {
    list-style: none;
    display: list-item;
    margin: 0px;
    padding: 0px;
}

.press-release ul li {
    float: left;
    list-style: none;
    display: list-item;
    margin: 1em 0;
    padding: 0px;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
}

.press-release_inner {
    padding: 10px;
}
.press-release .press_deat {
    font-weight: bold;
}

.press-release .press_icon {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 5px 0;
    background: #666666;
    border-radius: 0 0 6px 6px;
    border: 1px solid #dcdcdc;
}
.press-release .press_icon img {
    width: 32px;
    margin: 0 10px;
    border-right: 0px solid #C8C6C6;
    box-shadow: 0px 0 #fff;
}
.press-release ul li a {
    color: #F8B502;
    font-weight: bold;
    text-decoration: none;
}




/*------------------------------------------Interface Video Style-------------------------------------------------------*/

div.demo_slide a.open_demo{ 
width: 15%;
    height: 50px;
    position: absolute;
    bottom: 5px;
    right: .1em;
    position: absolute;
    color: #F8B502;
    background: none;
    padding:8px 20px;
    margin: 0;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #C14800;
    -webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
    border: 2px solid #F8B502;
    border-radius: 4px;

}


div.demo_slide a.open_demo:hover{
box-shadow: inset 0 -100px 0 0 #F8B502;
 color:#fff;
text-decoration:none;
}

/*------------------------------------------Interface Site Map Style-------------------------------------------------------*/

.sitemap-row{
	width:100%;
	margin:2em 0 0 0;
	padding:0px;
	}
	
.sitemap-row h1 {
    font-size: 30px;
    color: #DFA200;
    margin: 0;
    padding: 0px 0 10px 0px;
    line-height: normal;
    text-align: left;
    font-weight: normal;
}

div.contactblock_press {
	width:100%;
    overflow: hidden;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 15px;
}

div.contactblock_press a{
	color:#F8B502;
	}
	
div.contactblock_press a:hover{
	color:#444;
	text-decoration:none;
	}

.tabslink_sitemap{
	width:100%;
	margin:0px;
	padding:0px;
	float:left;
	}
	
.tabslink_sitemap ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
.tabslink_sitemap ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
.tabslink_sitemap ul li a{
	color:#444;
	text-decoration:none;
	}
	
.tabslink_sitemap ul li a:hover{
	color:#F8B502;
	}
	
	
	
	
	
	
	

/****************************************************success page style********************************************/

.bg-overlay.bg-overlay-dark {
    background: #000;
    padding: 150px 0;
}

.bg-overlay {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.parallax-success {
    background-image: url(../images/success-pic.jpg);
    margin-top: 5em;
    background-size: cover;
}

.parallax {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.main-wrapper-header {
    padding: 150px 0;
   
}

.fancy-header .page-title h1, .fancy-header .page-title h2, .fancy-header .page-title h3 {
    font-size: 48px;
    line-height: 1.2;
    text-align: center;
    color: #fff!important;
    font-weight: normal;
}

div.success {
	
	    width: 100%;
    float: left;
    padding:11em 0;
	background-size:100%;
    text-align:center;
    background-attachment: fixed;
    background-image: url(../images/success-pic.jpg);
}


.success-tital{
	    font-family: "BigNoodle","Times New Roman",Times,serif!important;
    font-size: 5em;
    font-weight: 400;
	color:#fff;
	}
	
.success-tital2{
    font-family: 'ProximaNovaRgRegular', Helvetica, Arial, sans-serif!important;
    font-size: 3em;
    font-weight: 400;
    line-height:20px;
	color:#fff!important;
}



@media only screen and (max-width: 768px){
.parallax {
    background-position: 50% 50% !important;
    background-attachment: scroll;
}

}


@media only screen and (max-width: 1920px){
.parallax {
    background-position: 50% 50% !important;
    background-attachment: scroll;
}

}





/*----------------------------------------Service page style----------------------------------------*/


.servicedemorow{
	width: 100%;
    float: left;
    margin: 10px auto;
    padding: 0px 0 20px 0;
    border-bottom: dotted 1px #ccc;
	}
	
.servicedemorow h2{
	clear:both;
	margin-top: 10px;
    margin-bottom: 10px;
	font-size: 28px;
	}
	
.servicedemorow img{
	width:100%;
	margin:0px;
	padding:0px;
	border:1px solid #999;
	border-radius:20px;
	}
	
.servicedemorow .demoliveleft{
	width:48%;
	float:left;
	margin:0px;
	padding:0px;
	}
	
.servicedemorow .demoliveright{
	width:48%;
	float:right;
	margin:0px;
	padding:0px;
	}
	
	
.opendemorow{
	max-width: 234px;
    margin: 0 auto;
    clear: both;
	}
	
.servicedemorow input.open_demo{
	width:100%;
    text-align:center;
    color: #F8B502;
    background:none;
    padding: 10px 20px;
    margin:15px 0 0 0;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #C14800;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	border:2px solid #F8B502;
	border-radius:10px;
}


.servicedemorow input.open_demo:hover{
 box-shadow: inset 0 -100px 0 0 #F8B502;
 color:#fff;
}


.cu_demos{
	width:100%;
	margin:3em 0 0 0;
	padding:0px;
	float:left;
	}
	
.cu_demos ul{
	width:100%;
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
	}
	
.cu_demos ul li{
	width: 32%;
    margin: 0 0 30px 0;
    padding: 1.33%;
    display:inline-block;
	    text-align: center;
	}
	
.cu_demos ul li h2{
	    font-size: 33px;
    margin: 8px 0;
    color: #606060!important;
    text-transform: lowercase;
    font-family: Arial, Helvetica, sans-serif, "Helvetica Neue";
	}
	
.cu_demos ul li img{
	width:100%;
	margin:10px 0;
	padding:0;
	float:left;
	border-radius:10px;
	}
	
	
.cu_demos ul li .open-demo{
	width:200px;
    text-align:center;
    color: #F8B502;
    background:none;
    padding: 10px 20px;
    margin:15px 0;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #C14800;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	border:2px solid #F8B502;
	border-radius:10px;
	text-decoration:none;
}


.cu_demos ul li .open-demo:hover {
    box-shadow: inset 0 -100px 0 0 #F8B502;
    color: #fff;
}



	
	
	
	
	
	
	
	
	
	
	
	
.demo_l{
	width: 32%;
    margin: 0 0 30px 0;
    padding: 1.33%;
    float: left;
	    text-align: center;
	}
	
.demo_l h2{
	    font-size: 33px;
    margin: 8px 0;
    color: #606060!important;
    text-transform: lowercase;
    font-family: Arial, Helvetica, sans-serif, "Helvetica Neue";
	}
	
.demo_l img{
	width:100%;
	margin:10px 0;
	padding:0;
	float:left;
	border-radius:10px;
	}
	
	
.demo_l .open-demo{
	width:200px;
    text-align:center;
    color: #F8B502;
    background:none;
    padding: 10px 20px;
    margin:15px 0;
    font-family: 'OpenSansBold', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 #C14800;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	transition: all ease 0.8s;
	border:2px solid #F8B502;
	border-radius:10px;
	text-decoration:none;
}


.demo_l .open-demo:hover {
    box-shadow: inset 0 -100px 0 0 #F8B502;
    color: #fff;
}






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

.view-demo {
    width: 32.935%;
}
}


@media(min-width:768px) and (max-width:979px) {
	.cu_demos ul li{
	width: 32%;
    margin: 0 0 30px 0;
    padding: 1.33%;
    display:inline-block;
	    text-align: center;
	}
	}
	
	
	

 @media only screen and (min-width: 480px) and (max-width: 767px) {
	.cu_demos ul li{
	width: 48%;
    margin: 0 0 30px 0;
    padding: 1.33%;
    display:inline-block;
	    text-align: center;
	}
	
	}
	
    @media only screen and (max-width: 736px) {
	.cu_demos ul li{
	width: 48%;
    margin: 0 0 30px 0;
    padding: 2%;
    display:inline-block;
	    text-align: center;
	}
		
	}
	
 @media only screen and (max-width: 436px) {
	.cu_demos ul li{
	width: 98%;
    margin: 0 0 30px 0;
    padding: 2%;
    display:inline-block;
	    text-align: center;
	}
		
	}