@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/LatoRegular.woff?123) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(fonts/LatoBold.woff?123) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(fonts/LatoItalic.woff?123) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(fonts/LatoLight.woff?123) format('woff');
}
html, body{height: 100%;}
body{margin: 0px;padding: 0px;font-family: 'Lato';font-size: 15px;}
img{border: 0px;max-width: 100%;}
.wrap {min-height: calc(100% - 379px);}
.no-padding{padding: 0px !important;}
.no-margin{margin: 0px !important;}
.height10{height: 10px;}
.height20{height: 20px;}
.height50{height: 50px;}
.textcenter{text-align: center;}
.textleft{text-align: left;}
.textright{text-align: right;}

/*Snow Start*/
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #bcdff5;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
/*Snow End*/

a:hover, a:focus{text-decoration: none;outline: none;}
input,textarea,button{outline: none;}
#findusonmap img {max-width: inherit;}

.site_button{border: 0px;background-color: #59caf5;padding: 13px 0px;font-family: inherit;font-style: italic;font-size: 20px;display:block;color: #ffffff;width: 244px;margin: 0 auto;text-align: center;}
.site_button:hover{color: #ffffff;}
#cboxLoadingOverlay{background-image: none !important;}

header{height: 100%;width: 100%;}
.logoandmenubg{background-color: #f5fafc;min-height: 79px;position: fixed;width: 100%;z-index: 2;}
.widthcontainer{width: 1000px;max-width: 100%;margin: 0 auto;}
.logo{float: left;padding-top: 10px;padding-bottom: 10px;text-align: center;}
.inner_header_main{height: auto;}
.innerpage_headerbg{background-color: #00adef;height: 141px;}
.header_bg_pattern{background-image: url(images/inner_header_bg.svg);background-repeat: no-repeat;width: 1000px;max-width: 100%;height: 141px;}
.header_title{font-size: 120px;font-weight: 700;color: #ffffff;text-transform: uppercase;text-align: center;height: 141px;line-height: 190px;text-shadow: 0px 7px 0px rgba(0,0,0,0.11);}
.content_white_bg{padding-top: 40px;padding-bottom: 40px;background-color: #ffffff;}
.content_white_bg .descriptiontext{padding: 0px;font-size: 24px;}
.content_white_bg .descriptiontext a{text-decoration: none;color: #00adef;}


.floatmenu .lets_shakehand{margin-top: 30.7%;}
.vision_fabricating_success{width: 100%;height: 100%;/*display: table;*/background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover;position: absolute;bottom: 0;}

.new.vision_fabricating_success{background-image: url(images/vision_fabricating_success1.jpg);}
.new2.vision_fabricating_success{background-image: url(images/vision_fabricating_success2.jpg);}

.new .vision_fabricating_content_main{background-image: none;}
.new2 .vision_fabricating_content_main{background-image: url(images/header-pt.png);background-repeat: repeat-x;background-position: bottom;}

.new_layer.vision_fabricating_bottom_layer{background-image: url(images/top_repeat_layer1.png);}
.new_layer2.vision_fabricating_bottom_layer{background-image: url(images/top_repeat_layer2.png);}

.vision_fabricating_content{/*display: table-cell;*/vertical-align: middle;text-align: center;}
.vision_fabricating_content .maksa_big_logo{width: 1000px;max-width: 100%;margin: 0 auto;margin-top: 5%;}
.vision_fabricating_content .maksa_big_logo img{max-width: 55%;width: 100%;}
.vision_fabricating_text{font-family: 'Lato';font-size: 65px;font-weight: 700;color: #154475;text-transform: uppercase;line-height: 105%;padding-top: 20px;text-shadow: 1px 0px 1px #ffffff;}
.vision_fabricating_text span{color: #e8fdc1;text-shadow: 1px 0px 1px #777e82;}
.vision_fabricating_content .next_button{background-color: rgba(168, 207, 56,0.7);width: 66px;height: 66px;border-radius: 50%;margin: 1% auto 0;color: #ffffff;cursor: pointer;}
.vision_fabricating_content .next_button .glyphicon{font-size: 40px;line-height: 72px;}

.vision_fabricating_pattern{background-image: url(images/top_repeat_layer.png);background-repeat: repeat-x; background-position: left 115%;padding-top: 10.7%;background-size: 14.8%;}
.fixed-nav-height{height: 79px;}
.vision_fabricating_content_main{display: table;text-align: center;width: 100%;height: 100%;/*background-image: url(images/ahead-pattern.png);*/}
.vision_fabricating_content{display: table-cell;vertical-align: middle;}

#menu .navbar{margin-bottom: 0px;}
.welcometitletext{font-size: 40px; font-weight: 700;padding-top: 45px;text-align: center;text-transform: uppercase;color: #424242;border-bottom: 1px solid #b9b9b9;padding-bottom: 10px;text-shadow: 0px 1px 0px #ffffff;}

.descriptiontext{font-family: 'Lato';font-size: 25px;text-align: center;padding-top: 35px;line-height: 36px;color: #555555;padding-bottom: 50px;font-style: italic;}

.descriptiontext.smalltext{font-size: 20px;line-height: 26px;}
.descriptiontext .highlightfirstletter{font-size: 30px;color: #353535;}
.descriptiontext .overline{text-decoration: line-through;}

.greenbordermain{text-align: center;height: 8px;margin-top: -7px;}

.loaded_container .welcometitletext{}
.loaded_container .descriptiontext{}
.loaded_container .greenbordermain{}

.greenborder{border-bottom: 3px solid #8ab94f;display: inline-block;width: 94px;vertical-align: top;}
.up-arrow {border-color: #83ab43 rgba(0, 0, 0, 0);border-style: solid;border-width: 0 4px 4px;display: block;margin: 0 auto;width: 0;}
.animatedborder{background-image: url(images/animated-border.svg);background-repeat: repeat-x;height: 15px;-webkit-animation: scrollLeft 20s infinite;animation: scrollLeft 20s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}
.animatedborder2{background-image: url(images/animated-border.svg);background-repeat: repeat-x;height: 15px;-webkit-animation: scrollRight 20s infinite;animation: scrollRight 20s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}
.clearBoth{clear: both;}
.vision_fabricating_bottom_layer{background-image: url(images/top_repeat_layer.png);background-repeat: repeat-x; background-position: left top;background-size: 14.8%;padding-top: 10.7%;position: absolute;width: 100%;top: 90.4%;}

.allpagetab_bg{background-color: #f0f0f0;text-align: center;}
.allpagetab_bg ul{margin: 0px;padding: 0px;}
.allpagetab_bg ul li{display: inline-block;font-size: 16px;color: #707070;text-shadow: 1px 0px 1px #ffffff;}
.allpagetab_bg ul li a{color: #707070;display: block;padding: 10px 35px;}
.allpagetab_bg ul li.active a{background-color: #ffffff;border-top: 5px solid #00d3f6;margin-top: -5px;}
.alltabssection .tab-content{padding-top: 40px;padding-bottom: 40px;}

.hidden_container{opacity: 0; transition: opacity linear 500ms; -o-transition: opacity linear 500ms; 	-moz-transition: opacity linear 500ms; -webkit-transition: opacity linear 500ms;}
.loaded_container{opacity: 1; transition: opacity linear 500ms; -o-transition: opacity linear 500ms; 	-moz-transition: opacity linear 500ms; -webkit-transition: opacity linear 500ms;transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.loaded_container .welcometitletext span{display: block;animation: zoomIn 1000ms;-webkit-animation: zoomIn 1000ms;}
.loaded_container .descriptiontext{-webkit-animation: OpeningSequence 2.2s linear;
	-moz-animation: OpeningSequence 2.2s linear forwards;
	animation: OpeningSequence 2.2s linear forwards;position: relative;z-index: 1;}


/*Let's Shake Css Start*/

.lets_shakehand{background-color: #eff1f0;
    background-image: -moz-radial-gradient(circle contain, rgba(233, 233, 233, 0.6) 85px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                      -moz-radial-gradient(circle contain, rgba(233, 233, 233, 0.7) 70px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                      -moz-radial-gradient(circle contain, rgba(233, 233, 233, 0.6) 85px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                      -moz-radial-gradient(circle contain, rgba(233, 233, 233, 0.7) 70px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                      -moz-radial-gradient(circle contain, rgba(233, 233, 233, 0.5) 55px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                      -moz-radial-gradient(circle contain, rgba(233, 233, 233, 0.4) 75px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                      -moz-radial-gradient(circle contain, rgba(233, 233, 233, 0.3) 75px, rgba(233, 233, 233, 0.2) 38px, transparent 40px);
    
    background-image: -webkit-radial-gradient(circle contain, rgba(233, 233, 233, 0.6) 85px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                    -webkit-radial-gradient(circle contain, rgba(233, 233, 233, 0.7) 55px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                    -webkit-radial-gradient(circle contain, rgba(233, 233, 233, 0.6) 85px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                    -webkit-radial-gradient(circle contain, rgba(233, 233, 233, 0.7) 50px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                    -webkit-radial-gradient(circle contain, rgba(233, 233, 233, 0.5) 55px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                    -webkit-radial-gradient(circle contain, rgba(233, 233, 233, 0.4) 75px, rgba(233, 233, 233, 0.2) 38px, transparent 40px),
                    -webkit-radial-gradient(circle contain, rgba(233, 233, 233, 0.3) 75px, rgba(233, 233, 233, 0.2) 38px, transparent 40px);
    
    background-size: 300px 300px;
    background-position: 192px -47px, -170px 20px,350px -47px, -260px 20px, -430px 105px, -430px 150px, 18px 140px;
}
/*Let's Shake Css Over*/

/*What We do Css Start*/
.whatwedo{overflow-x: hidden;background-color: #ffffff;background-image: url(images/what-we-do-bg.svg);background-repeat: repeat-x;background-position: center 210px;}
.whatwedo .descriptiontext{padding-bottom: 135px;}
.tabbox-main{width: 333px;display: inline-block;margin-left: -3px;vertical-align: top;max-width: 33.33%;}
.tabbox1{width: 236px;height: 236px;background-color: #00adef;transform:rotate(45deg);-webkit-transform:rotate(45deg);margin: 16% 0 21% 15%;}
.tabbox2{width: 236px;height: 236px;background-color: #a6ce38;transform:rotate(45deg);-webkit-transform:rotate(45deg);margin: 16% 0 21% 15%;}
.tabbox3{width: 236px;height: 236px;background-color: #d9d3ab;transform:rotate(45deg);-webkit-transform:rotate(45deg);margin: 16% 0 21% 15%;}

.loaded_container .tabanimation1.loaded_container{animation: fadeInRightCustom 1200ms;-webkit-animation: fadeInRightCustom 1200ms; opacity: 1;}

.loaded_container .tabanimation3.loaded_container{animation: fadeInLeftCustom 1200ms;-webkit-animation: fadeInLeftCustom 1200ms;opacity: 1;}

.tabbox-main .innertabbox{color: #ffffff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width: 218px;height: 212px;max-width: 100%;font-size: 33px;text-transform: uppercase;text-align: center;display: table-cell; vertical-align: middle;}

.borderbottom1{border-bottom: 3px solid #00aeef;}
.borderbottom2{border-bottom: 3px solid #a6ce38;}
.borderbottom3{border-bottom: 3px solid #d9d3ab;}

.up-arrow1{border-color: rgba(0, 0, 0, 0);border-style: solid;border-width: 0 4px 4px;display: block;margin: 0 auto;width: 0;}
.up-arrow2{border-color: rgba(0, 0, 0, 0);border-style: solid;border-width: 0 4px 4px;display: block;margin: 0 auto;width: 0;}
.up-arrow3{border-color: rgba(0, 0, 0, 0);border-style: solid;border-width: 0 4px 4px;display: block;margin: 0 auto;width: 0;}

.down-arrow1{border-color: rgba(0, 0, 0, 0);border-style: solid;border-width: 4px 4px 0px;display: block;margin: 0 auto;width: 0;}
.down-arrow2{border-color: rgba(0, 0, 0, 0);border-style: solid;border-width: 4px 4px 0px;display: block;margin: 0 auto;width: 0;}
.down-arrow3{border-color: rgba(0, 0, 0, 0);border-style: solid;border-width: 4px 4px 0px;display: block;margin: 0 auto;width: 0;}

.activetab .up-arrow1{border-color: #00adef rgba(0, 0, 0, 0);}
.activetab .up-arrow2{border-color: #a6ce38 rgba(0, 0, 0, 0);}
.activetab .up-arrow3{border-color: #d9d3ab rgba(0, 0, 0, 0);}

.activetab .down-arrow1{border-color: #00adef rgba(0, 0, 0, 0);}
.activetab .down-arrow2{border-color: #a6ce38 rgba(0, 0, 0, 0);}
.activetab .down-arrow3{border-color: #d9d3ab rgba(0, 0, 0, 0);}

.border-main{display: inline-block;width: 33.33%;margin-left: -3px;}
.border-main:first-child{margin-left: 0px;}

.whatwedomenu{text-align: center;padding-top: 30px;}
.whatwedomenu ul{margin: 0px;padding: 0px;}
.whatwedomenu ul li{margin: 0px;padding: 0px;display: inline-block;margin-right: 16px;margin-bottom: 10px;}
.whatwedomenu ul li a{border: 1px solid #d9d3ab;display: block;padding: 6px 10px;color: #919191;font-size: 18px;transition: all 700ms ease-in-out}
.whatwedomenu ul li:last-child{margin-right: 0px;}

.whatwedomenu ul li a:hover{background-color: #00adef;border: 1px solid #00adef;color: #ffffff;}
.whatwedomenu ul li.active a{background-color: #00adef;border: 1px solid #00adef;color: #ffffff;}

#develop .whatwedomenu ul li a:hover{background-color: #a6ce38;border: 1px solid #a6ce38;color: #ffffff;}
#develop .whatwedomenu ul li.active a{background-color: #a6ce38;border: 1px solid #a6ce38;color: #ffffff;}

#promote .whatwedomenu ul li a:hover{background-color: #d9d3ab;border: 1px solid #d9d3ab;color: #ffffff;}
#promote .whatwedomenu ul li.active a{background-color: #d9d3ab;border: 1px solid #d9d3ab;color: #ffffff;}

.mytab1{display: none;}
.mytab1.active{display: block;animation: fadeIn 1000ms;-webkit-animation: fadeIn 1000ms;}
.tab-pane.active{animation: fadeIn 1000ms;-webkit-animation: fadeIn 1000ms;}

.tab_content_inner{padding-top: 30px;padding-bottom: 50px;font-size: 15px;color: #555555;text-align: left;}

.square_pattern_1{position: absolute;top: 30%;left: 45%;right: 0px;border: 1px solid #e9e8e3;transform:rotate(45deg);-webkit-transform:rotate(45deg);width: 80px;height: 80px;}
.square_pattern_1:before{content: "";position: absolute;top: -95%;left: 47%;border: 1px solid #c5edfb;width: 120px;height: 120px;}

/*What We do Css Over*/

/*Project Developement Css Start*/
.project_development{background-color: #323943;background-image: url(images/project_developement_bg.svg);overflow-x: hidden;background-attachment: fixed;opacity: 1 !important;}
.project_development .widthcontainer{opacity: 0;}
.loaded_container.project_development .widthcontainer{opacity: 1;transition: opacity linear 500ms; -o-transition: opacity linear 500ms; 	-moz-transition: opacity linear 500ms; -webkit-transition: opacity linear 500ms;transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.project_development .welcometitletext{color: #e0e0d1;}
.project_development .descriptiontext.smalltext{color: #e0e0d1;}
.project_development_steps_main{margin-top: 70px;text-align: center;padding-bottom: 10px;}
.project_development_steps_main .project_development_steps{width: 237px;display: inline-block;background-color: #1e2631;vertical-align: top;}
.project_development_steps_main .plus_sign{display: inline-block;font-size: 40px; font-weight: bold; color: #e0e0d1;margin-left: -6px;margin-right: -7px;margin-top: -60px;vertical-align: top;}

.project_development_steps_main .project_development_steps .steps_main{width: 172px;height: 172px;border-radius: 50%;border: 7px solid #313842;margin: -119px auto 0px auto;}
.project_development_steps_main .project_development_steps .steps_main.step_1{background-color: #c75c5c;}
.project_development_steps_main .project_development_steps .steps_main.step_2{background-color: #e0e0d1;}
.project_development_steps_main .project_development_steps .steps_main.step_3{background-color: #76c2af;}
.project_development_steps_main .project_development_steps .steps_main.step_4{background-color: #4f5d73;}
.project_development_steps_main .project_development_steps .step_image{width: 172px;height: 172px;display: table-cell;vertical-align: middle;}

.project_development_steps_main .project_development_steps .steps_description{padding-left: 9px;padding-right: 9px;}


.project_development_steps_main .project_development_steps .step_title span{font-style: italic;font-size: 20px;color: #ffffff;text-transform: none;font-weight: normal;}
.project_development_steps_main .project_development_steps .step_title{text-transform: uppercase;font-size: 20px;padding-top: 20px;padding-bottom: 20px;font-weight: bold;}
.project_development_steps_main .project_development_steps .steps_description.redtext{color: #d87171;}
.project_development_steps_main .project_development_steps .steps_description.whiteyellowtext{color: #e0e0d1;}
.project_development_steps_main .project_development_steps .steps_description.greentext{color: #89d3c1;}
.project_development_steps_main .project_development_steps .steps_description.purpletext{color: #a8c2ec;}

.project_development_steps_main .project_development_steps .steps_description .steps_bottom_text{font-size:13px;font-weight: 700;color: #e4deb9;font-style: italic;padding-top: 10px;padding-bottom: 20px;}
.project_development_steps_main .project_development_steps .steps_description .innerdesc{line-height: 18px;}
.project_development .its_not_over{background-color: #e4deb9;color: #313842;font-size: 30px;font-weight: 700;text-align: center;margin-top: 30px;padding-bottom: 3px;padding-top: 2px;}

.project_development .upkeeps_and_upgrades{font-size: 20px;color: #e4deb9;font-weight: 700;text-transform: uppercase;margin-top: 10px;}
.project_development .upkeeps_desc{color: #e4deb9;padding-bottom: 50px;}
.project_development .upkeeps_desc span{font-weight: 700;font-style: italic;}



.hideanimation .step_image{opacity: 0;}
.showanimation .step_image{animation: spin 1200ms;-webkit-animation: spin 1200ms;}

.hideanimation .step_title{opacity: 0}
.showanimation .step_title{opacity: 1;transition: opacity linear 700ms; -o-transition: opacity linear 700ms; -moz-transition: opacity linear 700ms; -webkit-transition: opacity linear 700ms;transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }

.hideanimation .innerdesc{opacity: 0}
.showanimation .innerdesc{opacity: 1;transition: opacity linear 700ms; -o-transition: opacity linear 700ms; -moz-transition: opacity linear 700ms; -webkit-transition: opacity linear 700ms;transition-delay: 1.8s; -webkit-transition-delay: 1.8s; }

.hideanimation .steps_bottom_text{opacity: 0}
.showanimation .steps_bottom_text{opacity: 1;transition: opacity linear 700ms; -o-transition: opacity linear 700ms; -moz-transition: opacity linear 700ms; -webkit-transition: opacity linear 700ms;transition-delay: 2.4s; -webkit-transition-delay: 2.4s; }

/*Project Developement Css Start*/

/*Latest Assignment Css Start*/
.latest_assignment{background-color: #ffffff;}
.assignment_main{text-align: center;}
.assignment_leftside{width: 318px;max-width: 100%;display: inline-block;vertical-align: top;margin-right: 19px;margin-bottom: 10px;}
.assignment_rightside{width: 659px;max-width: 100%;display: inline-block;vertical-align: top;}
.assignment_rightside .top_assignment-1{display: inline-block;width: 318px;max-width: 100%;vertical-align: top;margin-top: 23px;margin-right: 19px;}
.assignment_rightside .top_assignment-1 a{display: block;background-color: #f7f7f7;padding-bottom: 1px;}
.assignment_rightside .top_assignment-1 .logo-1,.assignment_rightside .top_assignment-1 .logo-2{margin-bottom: 24px;}
.assignment_rightside .top_assignment-2{display: inline-block;width: 318px;max-width: 100%;vertical-align: top;margin-top: 23px;}
.assignment_rightside .bottom_assignment{}

.loaded_container .assignment_main.loaded_container .assignment_leftside a{animation: zoomInDown 1200ms;-webkit-animation: zoomInDown 1200ms; display: block;}
.loaded_container .assignment_main.loaded_container .assignment_rightside .top_assignment-1{animation: zoomInLeft 1200ms;-webkit-animation: zoomInLeft 1200ms;}
.loaded_container .assignment_main.loaded_container .assignment_rightside .top_assignment-2{animation: zoomInRight 1200ms;-webkit-animation: zoomInRight 1200ms;}
.loaded_container .assignment_main.loaded_container .assignment_rightside .bottom_assignment{animation: zoomInUp 1200ms;-webkit-animation: zoomInUp 1200ms;}
/*Latest Assignment Css Over*/

/*Client Appreciation Css Start*/
.client_appreciation{background-image: url(images/client_testimonial_bg.svg);background-attachment: fixed;}
.client_appreciation .quote-left{background-image: url(images/doublequote.svg);width: 54px;height: 48px;background-position: left;display: inline-block;vertical-align: top;}
.client_appreciation .quote-right{background-image: url(images/doublequote.svg);width: 54px;height: 48px;background-position: right;display: inline-block;margin-top: -10px;}
.client_appreciation .client_info{display: inline-block;vertical-align: top;width: 94.2%;text-align: center;}
.client_appreciation .client_photo{display: inline-block;vertical-align: top;}
.client_appreciation .client_photo img{border-radius: 50%;-webkit-border-radius: 50%;width: 39px;height: 39px;border: 3px solid #bfbfbf;}
.client_appreciation .client_full_info{display: inline-block;vertical-align: top;padding-left: 10px;color: #424242;text-shadow: 1px 0px 1px #ffffff;}
.client_appreciation .client_full_info span:first-child{display: block;font-weight: 700;text-transform: uppercase;text-align: left;}
.client_appreciation .client_full_info span:last-child{font-size: 13px;color: #6b6b6b;font-weight: 700;}
.client_appreciation .testimonial_text{text-align: center;font-style: italic;padding-top: 20px;width: 89%;margin: 0 auto;line-height: 24px;}
.client_appreciation .site_button{background-color: #a6ce38;}

.loaded_container.client_appreciation .client_info{animation: flipInY 1200ms;-webkit-animation: flipInY 1200ms;}
.loaded_container.client_appreciation .testimonial_text{animation: fadeInUp 1200ms;-webkit-animation: fadeInUp 1200ms;}
/*Client Appreciation Css Over*/

/*Social Media Section Start*/
.social_media{padding-bottom: 50px;text-align: center;background-color: #ffffff;overflow: hidden;}
.social_media .social_media_left{display: inline-block;position: relative;width: 309px;max-width: 100%;text-align: left;}
.social_media .social_media_right{display: inline-block;position: relative;width: 309px;max-width: 100%;margin-left: 26px;text-align: left;}
.social_media .twitter-box-top{width: 181px;height: 125px;transform:skew(45deg);-webkit-transform:skew(45deg);border-top: 1px solid #9dc4df;border-right: 1px solid #9dc4df;position: absolute;right: 64px;z-index: 0;}
.social_media .twitter-updates{width: 394px;max-width: 100%;padding-top: 100px;padding-bottom: 100px;font-size: 20px;color: #555555;position: relative;}
.social_media .twitter_img{display: inline-block;vertical-align: top;}
.social_media .twitter_title{display: inline-block;vertical-align: top;padding-left: 10px;font-size: 40px;margin-top: -10px;color: #000000;}
.social_media .twitter_title_border{border-bottom: 3px solid #40bff5;display: block;}
.social_media .twitter_title .water_mark_text{font-size: 20px;color: #aaaaaa;font-weight: 700;text-align: left;padding-top: 8px;}
.social_media .twitter_desc{font-style: italic;padding-top: 30px;}
.social_media .twitter_desc span{color: #40bff5;}
.social_media .twitter-box-bottom{width: 181px;height: 125px;transform:skew(-45deg);-webkit-transform:skew(-45deg);border-bottom: 1px solid #9dc4df;border-right: 1px solid #9dc4df;position: absolute;right: 64px;bottom: 0px;z-index: 0;}

.social_media .social_media_right .twitter-updates{padding-left: 48px;}
.social_media .social_media_right .twitter_title_border{border-color: #5d82d1;}
.social_media .social_media_right .twitter-box-top{border-top: 1px solid #c9d2e6;border-left: 1px solid #c9d2e6;left: 64px; border-right: none;transform:skew(-45deg);-webkit-transform:skew(-45deg);z-index: 0;}
.social_media .social_media_right .twitter-box-bottom{border-bottom: 1px solid #c9d2e6;border-left: 1px solid #c9d2e6;left: 64px; border-right: none;transform:skew(45deg);-webkit-transform:skew(45deg);z-index: 0;}
.social_media .social_media_right .twitter_desc span{color: #4c6bab;}

.social_media .googleplus_top{height: 170px;width: 282px;border-left: 1px solid #f5aca3;border-right: 1px solid #f5aca3;margin: 0 auto;padding-top: 0px;}
.social_media .linkedin_top{height: 128px;width: 282px;border-left: 1px solid #8ec4e3;border-right: 1px solid #8ec4e3;margin: 0 auto;padding-top: 45px;}

.loaded_container .googleplus_top{animation: fadeInDownBig 1200ms;-webkit-animation: fadeInDownBig 1200ms;}
.loaded_container .social_media_left{animation: fadeInLeftBig 1200ms;-webkit-animation: fadeInLeftBig 1200ms;}
.loaded_container .social_media_right{animation: fadeInRightBig 1200ms;-webkit-animation: fadeInRightBig 1200ms;}
.loaded_container .linkedin_top{animation: fadeInUpBig 1200ms;-webkit-animation: fadeInUpBig 1200ms;}

/*Social Media Section Over*/

/*Subscribe For Our Update Css Start*/
.subscribeus_pattern{background-image: url(images/subscribe_pattern.svg);background-repeat: repeat-x;height: 21px;}
.subscribe_for_upadates{background-color: #d5e7a4;padding-top: 50px;padding-bottom: 50px;text-align: center;}
.subscribe_text{font-size: 20px;color: #5f712d;vertical-align: middle;padding-right: 5px;display: inline-block;padding-bottom: 10px;}
.subscribe_for_upadates input[type="email"]{width: 290px;height: 48px;padding-left: 10px;padding-right: 10px;border-left: 1px solid #b0c47a;border-top: 1px solid #b0c47a;border-bottom: 1px solid #b0c47a;display: inline-block;max-width: 65%;margin-bottom: 15px;}
.subscribe_for_upadates input[type="submit"]{border: none;background-color: #a6ce38;width: 76px;height: 52px;display: inline-block;margin-left: -4px;color: #ecffb9;}
.subscribe_for_upadates .mobile_number{background-image: url(images/mobile_phone_icon.svg);background-repeat: no-repeat;background-position: left center;padding-left: 35px;font-size: 19px;color: #81944e;display: inline-block;margin-right: 10px;margin-left: 12px;margin-bottom: 15px;}
.subscribe_for_upadates .email_account{background-image: url(images/mail_icon.svg);background-repeat: no-repeat;background-position: left center;padding-left: 30px;font-size: 19px;color: #81944e;display: inline-block;}
.subscribe_for_upadates .email_account a{color: #81944e;}
.subscribe_for_upadates .mobile_number a{color: #81944e;}
/*Subscribe For Our Update Css Over*/

/*Bottom Service Menu Css Start*/
.service_menu{text-align: center;font-size: 14px;padding-top: 30px;}
.service_menu ul{margin: 0px;padding: 0px;}
.service_menu ul li{margin: 0px;padding: 0px;list-style: none;color: #343f17;display: inline-block;}
.service_menu ul li:after{content: "|";padding: 0px 0px 0px 3px;}
.service_menu ul li:last-child:after{content: "";padding: 0px;}
.service_menu ul li a{color: #343f17;}
/*Bottom Service Menu Css Over*/


/*Footer Css Start*/
.footer{background-image: url(images/footer-bg.jpg);height: 191px;}
.footer-inner-bg{background-image: url(images/footer-inner-bg.svg);background-repeat: no-repeat;background-position: top center;text-align: center;height: 191px;}
.footer_social_icon{display: inline-block;margin-left: 14px;padding-top: 50px;}
.footer_text{font-size: 12px;color: #919191;line-height: 20px;padding-top: 15px;}
.footer_text a{color: #919191;transition: color 700ms ease-in-out}
.footer_text a:hover{color: #00aeef;}
/*Footer Css Over*/

/*Top Menu Css Start*/
@media all and (min-width: 768px)
{
    .mainmenu{min-height: 79px;float: right}
    #menu{text-align: right;}
    #menu .navbar{margin-bottom: 0px;border: none;background-color: transparent;}
    #menu .container-fluid{padding: 0px;}
    #menu .navbar .navbar-collapse{padding: 0px;}
    #menu ul li.active a{background-color: transparent;}
    
    #menu ul{margin: 0px;padding: 0px;}
    #menu ul li{margin: 0px;padding: 0px; list-style: none;display: inline-block;padding-top: 28px;}
    #menu ul li a{margin-top: 19px;padding: 9px 18px 8px 18px;border: 1px solid #f5fafc;color: #5a5a4e;text-transform: uppercase;transition: all 700ms ease-in-out;margin-left: 3px;margin-right: 3px;-webkit-transition: all 700ms ease-in-out;}
    #menu ul li a:hover{border-color: #00aef0;color: #00adef;}
    .menu-toggle-button{display: none;}
}
@media all and (max-width: 767px)
{
    .menu-toggle-button{display: inline-block;background-color: #00aeef; padding: 9px 10px;float: right;margin-top: 24px;margin-right: 8px;border-radius: 5px;cursor: pointer;}
    .toggle-line{display: block;width: 22px;height: 2px;background-color: #ffffff;}
    .menu-toggle-button .toggle-line + .toggle-line{margin-top: 4px;}
    
    #menu{background-color: rgba(0,0,0,0.7);position: fixed;width: 100%;left: 40px;top:79px;border-left: 1px solid #efefef;overflow: auto;}
    #menu ul {margin: 0px;padding: 0px;padding-top: 10px;padding-left: 10px;padding-right: 10px;}
    #menu ul li{margin: 0px; padding: 0px;list-style: none;margin-top: 6px;background-color: rgba(237, 238, 239,0.9);width: 85%;border-bottom: 1px solid #00aeef;}
    #menu ul li a{display: block;padding: 6px;color: #232323;padding-left: 25px;padding-right: 15px;padding-bottom: 7px;background-image: url(images/mobile_menu_arrow.svg);background-repeat: no-repeat;background-position: 10px center;}
    #menu ul li:hover{background-color: rgba(0, 174, 239,0.9);color: #ffffff;}
    #menu ul li:hover a{color: #ffffff;background-image: url(images/mobile_menu_arrow_hover.svg);}
}
@media all and (min-width: 1025px)
{
  .vision_fabricating_success{background-attachment: fixed;}
}
/*Top Menu Css Over*/

/*Contact Us Page Css Start*/
.contact_us_gray_bg{padding-top: 40px;padding-bottom: 35px;background-color: #f9f9f9;}
.contact_title{font-size: 40px;text-align: center;color: #424242;text-transform: uppercase;padding-bottom: 40px;}
.contact_title span{color: #00aef0;}
.contact_form_main{max-width: 100%;text-align: center;animation: ShowHide 1s;-webkit-animation: ShowHide 1s;}
.contact_form_main input[type="text"],.contact_form_main input[type="email"],.contact_form_main input[type="password"]{height: 56px;width: 478px;max-width: 94.4%;border: 1px solid #e6e6e6;padding:0px 10px;margin-left: -3px;margin-bottom: 10px;}
.contact_form_main input[type="text"].subject{width: 100%;max-width: 97.7%;}

.loaded_container .contact_info .inner_text span:first-child{animation: fadeInRightBig 1s;-webkit-animation: fadeInRightBig 1s;display: block;}
.loaded_container .contact_info .inner_text span:last-child{animation: fadeInRightBig 1.5s;-webkit-animation: fadeInRightBig 1.5s;display: block;}

.contact_form_main textarea{width: 100%;max-width: 97.7%;border: 1px solid #e6e6e6;padding: 10px;min-height: 105px;margin-left: -3px;margin-bottom: 10px;}
.captcha_image_main{width: 506px;max-width: 100%;display: inline-block;max-width: 100%;vertical-align: top;}
.captcha_image{display: inline-block;vertical-align: top;margin-right: 5px;margin-bottom: 10px;}
.captcha_input{display: inline-block;vertical-align: top;}
.captcha_input input[type="text"]{width: 188px;margin-left: 5px;}
.audio_icon{display: inline-block;vertical-align: top;width: 32px;height: 32px;margin-top: 12px;}
.refresh_captha{display: inline-block;margin-left: 5px;vertical-align: top;margin-top: 15px;}
.submit_button{width: 494px;max-width: 100%;display: inline-block;margin-left: -4px;max-width: 100%;vertical-align: top;text-align: right;}
.submit_button input[type="submit"]
{
    width: 460px;max-width: 100%;border: none;height: 56px;font-size: 25px;color: #ffffff;
    background-color: #00cff5;
    background:-moz-linear-gradient(center top , #00cff5, #00adef) !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#00cff5), to(#00adef)) !important;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00cff5',EndColorStr='#00adef') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00cff5, endColorstr=#00adef)" !important;
}
.contact_info_main{max-width: 100%;text-align: center;}
.contact_info:first-child{margin-left: 0px;}
.contact_info{display: inline-block;margin-left: 52px;text-align: left;margin-bottom: 10px;overflow: hidden;}
.contact_info .icon_bg{width: 85px;height: 85px;display: inline-block;vertical-align: middle;background-color: #33ccff;border-radius: 50%;}
.contact_info .icon_bg_inner{width: 85px;height: 85px;display: table-cell;text-align: center;vertical-align: middle;}
.contact_info .inner_text{font-size: 15px;color: #434343;display: inline-block;vertical-align: middle;padding-left: 5px;}
.contact_info .inner_text a{color: #434343;}

.loaded_container .social_media_icons .octagon_shape_main:first-child{animation: spinZoom 0.5s;-webkit-animation: spinZoom 0.5s;}
.loaded_container .social_media_icons .octagon_shape_main:nth-child(2){animation: spinZoom 1s;-webkit-animation: spinZoom 1s;}
.loaded_container .social_media_icons .octagon_shape_main:nth-child(3){animation: spinZoom 1.5s;-webkit-animation: spinZoom 1.5s;}
.loaded_container .social_media_icons .octagon_shape_main:nth-child(4){animation: spinZoom 2s;-webkit-animation: spinZoom 2s;}
.loaded_container .social_media_icons .octagon_shape_main:nth-child(5){animation: spinZoom 2.5s;-webkit-animation: spinZoom 2.5s;}
.loaded_container .social_media_icons .octagon_shape_main:last-child{animation: spinZoom 3s;-webkit-animation: spinZoom 3s;}

.octagon_shape1{border-left: 5px solid #e4e4e5;border-right: 5px solid #e4e4e5;width: 94px;height: 59px;border-radius: 4px;position: relative;}
.octagon_shape1:before{ border-left: 5px solid #e4e4e5;border-radius: 4px;border-right: 5px solid #e4e4e5;content: "";display: block;height: 60px;margin-left: -3px;transform: rotate(60deg);-webkit-transform: rotate(60deg);width: 100px;}
.octagon_shape1:after{ border-left: 5px solid #e4e4e5; border-radius: 4px;border-right: 5px solid #e4e4e5;content: "";display: block;height: 60px;margin-left: -2px;margin-top: -60px;transform: rotate(-60deg);-webkit-transform: rotate(-60deg);width: 100px;}
.octagon_inner{position: absolute;left: 0px;right: 0px;top:5px;text-align: center;z-index: 1;}

.octagon_shape_main{display: inline-block;margin-right: 15px;position: relative;}
.octagon_shape_main .social_tooltip{position: absolute;z-index: 2;bottom: 95px;left: -63px; width: 200px;}
.octagon_shape_main .social_tooltip_inner{border: 2px solid #b5b5b5;border-radius: 10px;padding: 15px;position: relative;width: 100%;background-color: #ffffff;}

.octagon_shape_main .social_tooltip2{position: absolute;z-index: 2;bottom: 95px;left: -63px; width: 200px;}
.octagon_shape_main .social_tooltip_inner2{border: 2px solid #b5b5b5;border-radius: 10px;padding: 15px;position: relative;width: 100%;background-color: #ffffff;}

.octagon_shape_main .arrowpointer2{background-image: url(images/services-points-devider-arrow.jpg);background-repeat: no-repeat;height: 9px;position: absolute;left: 0px;right: 0px;bottom: -7px;background-position: center;transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.octagon_shape_main .hidden_tooltip{display: none;}

.social_media_main .tooltip_outer.tooltip_loaded{position: fixed;width:100%;height: 100%;left: 0px;top: 0px;z-index: 0;}

.octagon_shape_main:last-child{margin-right: 0px;}
.social_media_icons{padding-top: 28px;padding-bottom: 28px;display: inline-block;margin-left: -4px;width: 714px;max-width: 100%;text-align: center;vertical-align: middle;}
.social_media_main{padding-top: 20px;}
.social_media_main .watermark_left{display: inline-block;width: 143px;vertical-align: middle;text-align: right;}
.social_media_main .watermark_right{display: inline-block;width: 143px;margin-left: -4px;vertical-align: middle;}
.watermark_left .phone_watermark{margin-right: 15px;margin-bottom: 25px;-webkit-animation: wobble 80s infinite;animation: wobble 80s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}


.watermark_left .facebook_watermark{margin-right: 55px;margin-bottom: 25px;-webkit-animation: wobble 40s infinite;animation: wobble 40s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}

.watermark_left .facebook_watermark img {-webkit-animation: swing 15s infinite;animation: swing 15s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}

.watermark_left .mail_watermark{margin-top: 0px;-webkit-animation: wobble 100s infinite;animation: wobble 100s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}


.watermark_right .phone_watermark{margin-left: 15px;margin-bottom: 25px;-webkit-animation: wobble 80s infinite;animation: wobble 80s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}
.watermark_right .phone_watermark img {transform:rotate(270deg);-webkit-transform:rotate(270deg);}
.watermark_right .facebook_watermark{margin-left: 55px;margin-bottom: 25px;;-webkit-animation: wobble 40s infinite;animation: wobble 40s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}

.watermark_right .facebook_watermark img {-webkit-animation: swing 15s infinite;animation: swing 15s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}

.watermark_right .mail_watermark{margin-top: 0px;-webkit-animation: wobble 100s infinite;animation: wobble 100s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear}
.watermark_right .mail_watermark img{transform:rotate(28deg);-webkit-transform:rotate(28deg);}
.wearereadytoserve{font-size: 20px;text-align: center;margin-top: -15px;}
.wearereadytoserve .timmings{font-size: 14px;padding-top: 10px;display: inline-block;}
.wearereadytoserve .timmings span{color: #2e97e9;font-weight: normal;}
.wearereadytoserve span{font-weight: 700;}
.wearereadytoserve .dayname{font-size: 17px;}
/*Contact Us Page Css Over*/


/*Services Page css Start*/

.tab-content{text-align: center;}
.services_left{width: 344px;max-width: 100%;display: inline-block;vertical-align: top;min-height: 280px;overflow: hidden;}
.services_right{width: 600px;padding-left: 56px;max-width: 100%;margin-left: -4px;display: inline-block;vertical-align: top;text-align: left;}
.services_right .services_title{font-size: 22px;color: #00adef;}
.services_right .service_desc{font-size: 14px;color: #555555;padding-top: 10px;line-height: 22px;text-shadow: 0px 0px 0px #555555;}

.services_inner_points_left{display: inline-block;width: 352px;vertical-align: middle;padding-right: 8px;max-width: 100%;}
.services_inner_points_right{display: inline-block;width:234px;border-left: 2px solid #b5b5b5;vertical-align: middle;position: relative;border-radius: 10px;}
.services_inner_points_right .arrowpointer{background-image: url(images/services-points-devider-arrow.svg);background-repeat: no-repeat;width: 6px;height: 100%;position: absolute;top: 0px;left: -6px;bottom: 0px;background-position: center;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.services_inner_points_right ul{margin: 0px;padding-top: 10px;padding-bottom: 10px;}


#develop .services_left{width: 344px;min-height: 340px;}
#develop .services_right{width: 600px;padding-left:56px; }
#promote .services_left{width: 344px;min-height: 299px;}
#promote .services_right{width: 600px;padding-left: 56px;}
#promote .services_right .services_title{}
#promote .services_inner_points_left{width: 335px;}
#promote .services_inner_points_right{width: 250px;}

.design_tools{position: relative;}
.icon_tools{position: absolute;}

#design .design_tools .pencil_icon{left: 17px;-webkit-animation: wobble 10s infinite;animation: wobble 10s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;z-index: 1;}
#design .design_tools .leaf_icon{left: 55px;;-webkit-animation: fallingLeaf 8s infinite;animation: fallingLeaf 8s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;z-index: 1;}
#design .design_tools .scale_icon{left: 150px;top:2px;-webkit-animation: LiveElementfromLeftCustom 15s infinite;animation: LiveElementfromLeftCustom 15s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
#design .design_tools .timer_icon{left: 140px;top:43px;-webkit-animation: timeranimation 20s infinite;animation: timeranimation 20s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}

#design .design_tools .timer_icon img{-webkit-animation: tada 20s infinite;animation: tada 20s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}

#design .design_tools .search_icon{right: 24px;top: 54px;-webkit-animation: bounceInCustom 10s infinite;animation: bounceInCustom 10s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
#design .design_tools .mathtools_icon{right: 4px;top:129px;-webkit-animation: LiveElementfromRightCustom 15s infinite;animation: LiveElementfromRightCustom 15s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
#design .design_tools .laptoppc_icon{left:0px;top: 93px;animation: zoomIn 1s 0s;-webkit-animation:zoomIn 1s 0s;}

#develop .design_tools .monitor_icon{right: 8px;top: 16px;}
#develop .design_tools .cursor_icon{right: 6px;top:133px;}
#develop .design_tools .tab_icon{top:99px;}
#develop .design_tools .mobile_icon{left:113px;top:108px;}
#develop .design_tools .accessory_icon{left: 6px;top: 200px;}
#develop .design_tools .keyboard_image{right: 3px;top: 214px;}
#develop .design_tools .mouse_icon{right: 0px;top: 199px;}

#promote .design_tools .baloon_icon{right: 31px;}
#promote .design_tools .cloud_image1{right: 92px;top:28px;}
#promote .design_tools .cloud_image2{left: 150px;top: 82px;}
#promote .design_tools .cloud_image3{top: 130px;left: 1px;}
#promote .design_tools .airoplan_image{left: 94px;top:91px;}
#promote .design_tools .human_image4{right: 42px;top: 52px;z-index: 1;}
#promote .design_tools .thread_image{right: 0px;top: 64px;}
#promote .design_tools .chart_image{left: 6px;top: 115px;}
#promote .design_tools .human_image1{left: 69px;top:201px;}
#promote .design_tools .human_image2{left: 150px;top:202px;}
#promote .design_tools .human_image3{right: 60px;top:155px;}
#promote .design_tools .ladder_image{right: 68px;top:182px;}


#promote .design_tools .baloon_icon{-webkit-animation: wobble 10s infinite;animation: wobble 10s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
#promote.active .design_tools .chart_image{left: 6px;top: 115px;animation: fadeInDownBig 1s 0s;-webkit-animation:fadeInDownBig 1s 0s;}
#promote.active .design_tools .human_image1{animation: fadeInLeftBig 1s 0s;-webkit-animation:fadeInLeftBig 1s 0s;}
#promote.active .design_tools .human_image2{animation: fadeInUpBig 1.5s 0s;-webkit-animation:fadeInUpBig 1.5s 0s;}
#promote.active .design_tools .human_image3{animation: fadeInRightBig 2s 0s;-webkit-animation:fadeInRightBig 2s 0s;}
#promote.active .design_tools .ladder_image{animation: fadeInRightBig 2s 0s;-webkit-animation:fadeInRightBig 2s 0s;}
#promote.active .design_tools .human_image4{animation: fadeInDownBig 2.5s 0s;-webkit-animation:fadeInDownBig 2.5s 0s;}
#promote.active .design_tools .thread_image{animation: fadeInDownBig 2.5s 0s;-webkit-animation:fadeInDownBig 2.5s 0s;}
#promote.active .design_tools .cloud_image1{-webkit-animation: LiveElementfromRight 35s infinite;animation: LiveElementfromRight 35s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
#promote.active .design_tools .cloud_image2{-webkit-animation: LiveElementfromMiddle 40s infinite;animation: LiveElementfromMiddle 40s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
#promote.active .design_tools .cloud_image3{-webkit-animation: LiveElementfromLeft 30s infinite;animation: LiveElementfromLeft 30s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
#promote .design_tools .airoplan_image{-webkit-animation: Flying 30s infinite;animation: Flying 30s infinite;animation-timing-function: linear;-webkit-animation-timing-function: linear;}
/*Animation Effects Start*/


#develop.active .design_tools .monitor_icon{animation: zoomIn 1s 0s;-webkit-animation:zoomIn 1s 0s;}
#develop.active .design_tools .cursor_icon{animation: ShowHide 2.5s 0s;-webkit-animation:ShowHide 2.5s 0s;}
#develop.active .design_tools .mobile_icon{animation: fadeInDownBig 1s 0s;-webkit-animation:fadeInDownBig 1s 0s;}
#develop.active .design_tools .tab_icon{animation: fadeInRightBig 1s 0s;-webkit-animation:fadeInRightBig 1s 0s;}
#develop.active .design_tools .keyboard_image{animation: fadeInUpBig 1s 0s;-webkit-animation:fadeInUpBig 1s 0s;}
#develop.active .design_tools .accessory_icon{animation: fadeIn 4s 0s;-webkit-animation:fadeIn 4s 0s;}
#develop.active .design_tools .mouse_icon{animation: bounce 2s 0s;-webkit-animation:bounce 2s 0s;}
/*Animation Effects Over*/

/*Services Page css Over*/

/*Work Page Css Start*/
.work_tabs ul{margin: 0px;padding: 0px;}
.work_tabs ul li{margin: 0px;padding: 0px;list-style: none;font-size: 20px;display: inline-block;margin-left: 10px;}
.work_tabs ul li:first-child{margin-left: 0px;}
.work_tabs ul li a{color: #c6c5c5;font-size: 20px;text-decoration: none;border-bottom: 6px solid #dbdbdb;display: block;padding-left: 20px;padding-right: 20px;}
.work_tabs ul li a span{font-size: 35px;}
.work_tabs ul li.active a{background-color: #f8f8f8;color: #252525;border-color: #00cdf4;}
.portfolio_main{text-align: center;}
.portfolio_main a{display: inline-block;margin-right: 28px;margin-bottom: 32px;max-width: 47%;position: relative;}
.portfolio_main a:nth-child(3n){margin-right: 0px;}

.portfolio_main a span.work_text{transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;position: absolute;top: 10px;bottom: -10px;left: 10px;right: -10px;opacity: 0;overflow: hidden;}
.portfolio_main a:hover span.work_text{background-color: rgba(0, 196, 242,0.9);opacity: 1;}

.portfolio_main a span.work_text .project_desc{vertical-align: middle;text-align: center;display: table;height: 100%;width: 100%;}
.portfolio_main a:hover span.work_text .project_desc{}
.portfolio_main a span.work_text .project_desc .project_desc_inner{display: table-cell;vertical-align: middle;}

.portfolio_main a span.work_text .project_title{transform:translate(300px, 0px);-webkit-transform:translate(300px, 0px);transition: all 700ms ease-in-out; -webkit-transition: all 700ms ease-in-out;display: block;font-size: 16px;color: #ffffff;padding-bottom: 3px;}
.portfolio_main a:hover span.work_text .project_title{transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px);}

.portfolio_main a span.work_text .border_bottom{border-top: 4px solid #f0f0f0;display: inline-block;width:30px;vertical-align: top;transform:translate(-300px, 0px);-webkit-transform:translate(-300px, 0px);transition: all 700ms ease-in-out;-webkit-transition: all 700ms ease-in-out;}
.portfolio_main a:hover span.work_text .border_bottom{transform:translate(0px, 0px);-webkit-transform:translate(0px, 0px);-webkit-transition: all 700ms ease-in-out;}

.portfolio_main a span.work_text .icon_bg{display: inline-block;padding: 10px 15px;color: #ffffff;border-radius: 5px;background-color: #0490c5;transition: all 700ms ease-in-out;}
.portfolio_main a:hover span.work_text .icon_bg{transform:rotate(360deg);}

.portfolio_main .load_image,.portfolio_main .image_loaded{height: 274px;width: 312px;max-width: 100%;background-image: url(images/bigLoader.gif);background-repeat: no-repeat;background-position: center;font-size: 0px;display: inline-block;vertical-align: top;}

.portfolio_main a.hidden_images{}
.portfolio_main a.loaded_images:nth-child(3n+1){opacity: 1;transition: opacity 700ms linear 0.4s;-webkit-transition:opacity 700ms linear 0.4s;}
.portfolio_main a.loaded_images:nth-child(3n-1){opacity: 1;transition: opacity 700ms linear 0.6s;-webkit-transition:opacity 700ms linear 0.6s;}
.portfolio_main a.loaded_images:nth-child(3n){opacity: 1;transition: opacity 700ms linear 0.8s;-webkit-transition:opacity 700ms linear 0.8s;}

.logo_design_main .designed_logos{width: 310px;display: inline-block;vertical-align: middle;margin-right: 28px;height: 272px;margin-bottom: 32px;border: 1px solid #f1f1f1;max-width: 100%;}
.logo_design_main .designed_logos:nth-child(even){background-color: #f8f8f8;border-color: #f8f8f8;}
.logo_design_main .designed_logos:nth-child(3n){margin-right: 0px;}
.logo_design_main .load_logo, .logo_design_main .logo_loaded{width: 310px;height: 272px;display: table-cell;vertical-align: middle;font-size: 0px;}

#cboxPrevious{top: 50%;}
#cboxNext{top: 50%;left: inherit;right: 0px;}
#cboxLoadedContent{margin-top: 28px;margin-bottom: 0px;}
#cboxClose{top: 0px;}
/*Work Page Css Start*/

/*Privacy Page Css Start*/
.privacy_title {font-size: 20px;font-weight: 700;}
.privacy_content{padding-top: 10px;padding-bottom: 10px;}
.privacy_points{padding-top: 5px;padding-left: 25px;}
.privacy_points_title{font-weight: 700;}
.privacy_points_content{padding-bottom: 10px;}

/*Privacy Page Css Over*/


/*New Css By Mayur*/
.aboutusleft { display: inline-block; width:384px; max-width: 100%; vertical-align: middle;}
.aboutusright { display: inline-block; width:532px; max-width: 100%; text-align: left; vertical-align: top; padding-left: 40px;font-size: 14px;}
.abouttitle { font-size: 22px; color: #00adef;padding-bottom: 10px; }
.methodologytext { text-align: left; border-bottom: solid 1px #ebebeb; padding-bottom: 20px;font-size: 14px;}
.step4main {position: relative;margin-top: -43px;font-size: 13px;}
.stepmain { width: 164px; display: inline-block; position: relative;vertical-align: middle;}
.stepright { display: inline-block; max-width: 94%; width: 813px; text-align: left; padding-left: 15px; border-left: solid 4px #00aeef;vertical-align: middle;}
.stepright.second{border-color: #ffd200;}
.stepright.third{border-color: #ffae00;}
.stepright.fourth{border-color: #a6ce39;}

.stepmain .step-1 {background-image: url(images/step-1.svg);background-repeat: no-repeat;width: 113px;height: 119px;margin-left: 43px;animation: spinZoom 0.5s;-webkit-animation: spinZoom 0.5s;}
.stepmain .step-2 {background-image: url(images/step-2.svg);background-repeat: no-repeat;width: 113px;height: 119px;animation: spinZoom 1s;-webkit-animation: spinZoom 1s;}
.stepmain .step-3 {background-image: url(images/step-3.svg);background-repeat: no-repeat;width: 113px;height: 119px;margin-left: 43px;animation: spinZoom 1.5s;-webkit-animation: spinZoom 1.5s;}
.stepmain .step-4 {background-image: url(images/step-4.svg);background-repeat: no-repeat;width: 113px;height: 119px;position: relative;animation: spinZoom 2s;-webkit-animation: spinZoom 2s;}
.stepmain .step-4 .step4-airoplan{width: 61px;height: 51px;background-image: url(images/step4-deploy.svg);background-repeat: no-repeat;position: absolute;right: -24px;bottom: 12px;animation: ShowHide 2.5s;-webkit-animation: ShowHide 2.5s;}
.stepmain .innertext{font-size: 13px;color: #555555;width: 113px;height: 111px;vertical-align: middle;display: table-cell;}
.stepmain .innertext span{font-size: 16px;font-weight: 700;display: block;}
.arrows {}
.aboutusright > ul {  margin: 0px; padding: 0px; margin-left: 15px;}

.testimonial-left { max-width: 100%; width: 166px; display: inline-block;}
.testimonialmain {  width: 135px;}
.testimonialphoto img { width: 39px; height: 39px; border: solid 3px #bfbfbf; border-radius: 50%; display: inline-block;}
.testimonialsnametext { font-size: 14px; color: #424242; text-transform: uppercase; padding-top: 8px;}
.testimonialsnametextblue { font-size: 13px; color: #00adef; text-transform: none; }
.testimonialright { max-width: 100%; vertical-align: top; width: 833px; display: inline-block; margin-left: -6px; background: url(images/testimonialarrow.svg) no-repeat; background-position: left top; text-align: left;}
.testimoniallefticon { background: url(images/testimoniallefticon.svg) no-repeat; width: 21px; height: 19px; display: inline-block; vertical-align: top; margin-left: 20px;}
.testimonialrighticon { background: url(images/testimonialrighticon.svg) no-repeat; width: 21px; height: 19px; display: inline-block; vertical-align: bottom;}
.testicontent { width: 735px; max-width: 100%; display: inline-block; vertical-align: top; padding-left: 15px; padding-right: 15px;font-size: 14px;}
.testiboxmain { border-bottom: solid 1px #f0f0f1; padding-bottom: 20px; padding-top: 20px;}
.testiboxmain:last-child{border-bottom: none;}
.hiring { padding: 0px; margin: 0px; display: inline-block; padding-right: 20px;}

.aboutusleft .partnermain { text-align: center; position: relative;}
.aboutusleft .aboutmenleft { position: absolute; top: 40px; left: 45px;}
.aboutusleft .aboutmenright { position: absolute;  top: 40px; left: 187px;}
.aboutusleft .aboutuschekbox { padding-top:83px;}

.active .aboutusleft .aboutuschekbox{animation: fadeInUp 0.8s 0s;-webkit-animation:fadeInUp 0.8s 0s;}
.active .aboutusleft .partnermain{animation: fadeInDown 1.6s 0s;-webkit-animation:fadeInDown 1.6s 0s;}
.active .aboutusleft .aboutmenleft{animation: fadeInLeft 2.4s 0s;-webkit-animation:fadeInLeft 2.4s 0s;}
.active .aboutusleft .aboutmenright{animation: fadeInRight 2.4s 0s;-webkit-animation:fadeInRight 2.4s 0s;}

.whyusmain .hend { text-align: right; padding-right: 68px;}
.whyusmain { position: relative;overflow: hidden;}
.whyusmain .why-us-men-box { display: inline-block;}
.whyusmain .why-us-men-box2 { display: inline-block;}
.whyusmain .why-us-men-box3 { display: inline-block;}
.active .whyusmain .why-us-men-box{animation: fadeInLeftBig 0.5s 0s;-webkit-animation:fadeInLeftBig 0.5s 0s;}
.active .whyusmain .why-us-men-box2{animation: fadeInDownBig 1s 0s;-webkit-animation:fadeInDownBig 1s 0s;}
.active .whyusmain .why-us-men-box3{animation: fadeInUpBig 1s 0s;-webkit-animation:fadeInUpBig 1s 0s;}
.active .whyusmain .why-us-men-box3 span{animation: fadeOutUp 3s 2s;-webkit-animation:fadeOutUp 3s 2s;display: block;}
.active .whyusmain .why-us-men-box3 span img{animation: firstShowandHide 5s 2.5s;-webkit-animation:firstShowandHide 5s 2.5s;}

.active .whyusmain .why-us-men-box-right{animation: fadeInRightBig 1.5s 0s;-webkit-animation:fadeInRightBig 1.5s 0s;}
.active .whyusmain .hend{animation: fadeInRightBig 2s 0s;-webkit-animation:fadeInRightBig 2s 0s;}
.active .whyusmain .hend img {animation: Catch 1.6s 2.5s;-webkit-animation:Catch 1.6s 2.5s;}
.whyusmain .why-us-men-box-right {display: inline-block; /*padding-left: 75px;*/}
.whyusmain .whyusicons { position: absolute; left: 184px; top: 122px; }
.active .whyusmain .whyusicons{animation: ShowHide 4.5s 0s;-webkit-animation:ShowHide 4.5s 0s;}
.aboutusmain { text-align: center; position: relative;}
.aboutusmain .table1 {padding-top: 60px; animation: ShowHide 2.4s 0s;-webkit-animation:ShowHide 2.4s 0s;}
.aboutusmain .table2 {position: absolute;left: 120px; top: 38px; animation: ShowHide 0.8s 0s;-webkit-animation:ShowHide 0.8s 0s;}
.aboutusmain .table3 {position: absolute;top: 26px; left: 299px;animation: ShowHide 1.6s 0s;-webkit-animation:ShowHide 1.6s 0s;}

#careers .aboutusleft{overflow: hidden;}
.aboutusleft .career_main{height: 338px;position: relative;width: 253px;}
.aboutusleft .career_blue_bg{width: 249px;height: 249px;border-radius: 50%;background-color: #0ba5d7;top: 46px;left: 4px;position: absolute;animation: fadeInRightBig 1.6s 0s;-webkit-animation:fadeInRightBig 1.6s 0s;}
.aboutusleft .man_on_ladder{width: 136px;height: 308px;position: absolute;top: 16px;left: 46px;}
.aboutusleft .line_bg{width: 195px;height: 338px;position: absolute;left: 26px;animation: fadeInDownBig 2.6s 0s;-webkit-animation:fadeInDownBig 2.6s 0s;}

.aboutusleft .dot_pattern1{width: 7px;height: 7px;border-radius: 50%;background-color: #0da8d8;position: absolute;top:36px;left: 97px;animation: ShowHide 2.8s 0s;-webkit-animation:ShowHide 2.8s 0s;}
.aboutusleft .dot_pattern2{width: 8px;height: 8px;border-radius: 50%;position: absolute;top:54px;left: 53px;border: 1px solid #aaced4;animation: ShowHide 3s 0s;-webkit-animation:ShowHide 3s 0s;}
.aboutusleft .dot_pattern3{width: 19px;height: 19px;border-radius: 50%;background-color: #f89961;position: absolute;top:48px;left: 66px;animation: ShowHide 3.2s 0s;-webkit-animation:ShowHide 3.2s 0s;}
.aboutusleft .dot_pattern4{width: 6px;height: 6px;border-radius: 50%;background-color: #f89961;position: absolute;top:55px;left: 102px;animation: ShowHide 3.4s 0s;-webkit-animation:ShowHide 3.4s 0s;}
.aboutusleft .dot_pattern5{width: 8px;height: 8px;border-radius: 50%;background-color: #ffffff;position: absolute;top:58px;left: 93px;animation: ShowHide 3.6s 0s;-webkit-animation:ShowHide 3.6s 0s;}
.aboutusleft .dot_pattern6{width: 9px;height: 9px;border-radius: 50%;background-color: #2b353f;position: absolute;top:65px;left: 52px;animation: ShowHide 3.8s 0s;-webkit-animation:ShowHide 3.8s 0s;}
.aboutusleft .dot_pattern7{width: 4px;height: 4px;border-radius: 50%;background-color: #ffffff;position: absolute;top:115px;left: 46px;animation: ShowHide 4s 0s;-webkit-animation:ShowHide 4s 0s;}
.aboutusleft .dot_pattern8{width: 4px;height: 4px;border-radius: 50%;background-color: #2b353f;position: absolute;top:173px;left: 39px;animation: ShowHide 4.2s 0s;-webkit-animation:ShowHide 4.2s 0s;}
.aboutusleft .dot_pattern9{width: 14px;height: 14px;border-radius: 50%;border: 1px solid #aaced4;position: absolute;bottom:61px;left: 27px;animation: ShowHide 4.4s 0s;-webkit-animation:ShowHide 4.4s 0s;}
.aboutusleft .dot_pattern10{width: 6px;height: 6px;border-radius: 50%;background-color: #2b353f;position: absolute;bottom:76px;left: 51px;animation: ShowHide 4.6s 0s;-webkit-animation:ShowHide 4.6s 0s;}
.aboutusleft .dot_pattern11{width: 5px;height: 5px;border-radius: 50%;background-color: #fc9b57;position: absolute;bottom:61px;left: 51px;animation: ShowHide 4.8s 0s;-webkit-animation:ShowHide 4.8s 0s;}
.aboutusleft .dot_pattern12{width: 3px;height: 3px;border-radius: 50%;background-color: #0ba5d7;position: absolute;bottom:35px;right: 111px;animation: ShowHide 5s 0s;-webkit-animation:ShowHide 5s 0s;}
.aboutusleft .dot_pattern13{width: 6px;height: 6px;border-radius: 50%;background-color: #2b353f;position: absolute;bottom:41px;right: 110px;animation: ShowHide 5.2s 0s;-webkit-animation:ShowHide 5.2s 0s;}
.aboutusleft .dot_pattern14{width: 29px;height: 29px;border-radius: 50%;background-color: #2b353f;position: absolute;bottom:40px;right: 64px;animation: ShowHide 5.4s 0s;-webkit-animation:ShowHide 5.4s 0s;}
.aboutusleft .dot_pattern15{width: 5px;height: 5px;border-radius: 50%;background-color: #fc9b57;position: absolute;bottom:51px;right: 55px;animation: ShowHide 5.6s 0s;-webkit-animation:ShowHide 5.6s 0s;}
.aboutusleft .dot_pattern16{width: 3px;height: 3px;border-radius: 50%;background-color: #0ba5d7;position: absolute;bottom:57px;right: 51px;animation: ShowHide 5.8s 0s;-webkit-animation:ShowHide 5.8s 0s;}
.aboutusleft .dot_pattern17{width: 13px;height: 13px;border-radius: 50%;background-color: #ffffff;position: absolute;bottom:70px;right: 55px;animation: ShowHide 6s 0s;-webkit-animation:ShowHide 6s 0s;}
.aboutusleft .dot_pattern18{width: 4px;height: 4px;border-radius: 50%;background-color: #ffffff;position: absolute;bottom:99px;right: 50px;animation: ShowHide 6.2s 0s;-webkit-animation:ShowHide 6.2s 0s;}
.aboutusleft .dot_pattern19{width: 6px;height: 6px;border-radius: 50%;background-color: #2b353f;position: absolute;bottom:104px;right: 53px;animation: ShowHide 6.4s 0s;-webkit-animation:ShowHide 6.4s 0s;}
.aboutusleft .dot_pattern20{width: 16px;height: 16px;border-radius: 50%;border: 1px solid #b4e5f5;position: absolute;bottom:127px;right: 58px;animation: ShowHide 6.6s 0s;-webkit-animation:ShowHide 6.6s 0s;}
.aboutusleft .dot_pattern21{width: 4px;height: 4px;border-radius: 50%;background-color: #fc9b57;position: absolute;bottom:147px;right: 67px;animation: ShowHide 6.8s 0s;-webkit-animation:ShowHide 6.8s 0s;}
.aboutusleft .dot_pattern22{width: 4px;height: 4px;border-radius: 50%;background-color: #2b353f;position: absolute;bottom:152px;right: 61px;animation: ShowHide 7s 0s;-webkit-animation:ShowHide 7s 0s;}
.aboutusleft .dot_pattern23{width: 4px;height: 4px;border-radius: 50%;background-color: #ffffff;position: absolute;bottom:157px;right: 55px;animation: ShowHide 7.2s 0s;-webkit-animation:ShowHide 7.2s 0s;}
.aboutusleft .dot_pattern24{width: 9px;height: 9px;border-radius: 50%;background-color: #ffffff;position: absolute;bottom:158px;right: 67px;animation: ShowHide 7.4s 0s;-webkit-animation:ShowHide 7.4s 0s;}
.success_message{margin-bottom: 20px;padding: 10px;text-align: center;color:#036c11;font-size: 18px;}
.alert_message{margin-bottom: 20px;padding: 10px;text-align: center;color:#ff0000;font-size: 18px;}
/*New Css By Mayur*/

@media all and (max-width: 1000px)
{
    .tabbox-main{width: 31.90%;}
    .tabbox1{width: 22vw;height: 22vw;}
    .tabbox2{width: 22vw;height: 22vw;}
    .tabbox3{width: 22vw;height: 22vw;}
    
    .vision_fabricating_text{font-size: 6vw;}
    .client_appreciation .client_info{width: 90%;}
    
    .tabbox-main .innertabbox{width: 20vw;height: 20vw;font-size:4vw}
    .tabbox-main .innertabbox img{width: 30%;}
    .vision_fabricating_content .maksa_big_logo{width: auto;}
    .vision_fabricating_bottom_layer{top: 92.4%;}
    .whatwedo{background-image: none;}
    .whatwedo .descriptiontext{padding-bottom: 50px;}
    .header_title{font-size: 100px;line-height: 203px;}
    .contact_form_main input[type="text"].subject{max-width: 94.5%;width: 478px;}
    .contact_form_main textarea{max-width: 94.5%;width: 478px;}
    .contact_info{margin-left: 0px;}
    .social_media_main .watermark_left{display: block;text-align: center;width: inherit;}
    .social_media_main .watermark_right{display: block;text-align: center;width: inherit;}
    .social_media_main .watermark_left .phone_watermark, .social_media_main .watermark_left .facebook_watermark, .social_media_main .watermark_left .mail_watermark{display: inline-block;margin: 0px 0px 25px 0px;width: 30%;}
    .social_media_main .watermark_right .phone_watermark, .social_media_main .watermark_right .facebook_watermark, .social_media_main .watermark_right .mail_watermark{display: inline-block;margin: 0px 0px 25px 0px;width: 30%;}
    
    .services_right{padding-left: 0px;margin-left: 0px;}
    #develop .services_right{padding-left: 0px;}
   
    .social_media_icons{display: block;width: inherit;}
    #promote .services_right{padding-left: 0px;}
    .portfolio_main a:nth-child(3n){margin-right: 28px;}
    .logo_design_main .designed_logos:nth-child(2n){margin-right: 0px;}
    .logo_design_main .designed_logos:nth-child(3n){margin-right: 28px;}
    .step4main{margin-top: 20px;}
    .step4main .step-1,.step4main .step-3{margin-left: 0px;}
    .step4main .stepmain{width: auto;}
    .stepright{padding-top: 10px;}
    .privacypageonly{line-height: normal !important;font-size: 100px;padding-top: 3%;}
    .project_development_steps_main .plus_sign:nth-child(6){display: block;margin: 0px;margin-bottom: 117px;}
    .aboutusright{display: block;width: inherit;padding-left: 10px;padding-right: 10px;}
    .assignment_leftside{max-width: 49%;}
    .assignment_rightside{max-width: 49%;}
    
}
@media all and (max-width: 768px) and (min-width: 768px)
{
    #menu ul li a{padding: 9px 16px 8px 16px;}
    .project_development_steps_main .plus_sign:nth-child(4){display:block;margin-bottom: 117px;opacity: 0;}
    .project_development_steps:nth-child(5),.project_development_steps:nth-child(7){margin-top: 50px;}
    .project_development_steps_main .plus_sign:nth-child(6){display:inline-block;margin-bottom: 0px;margin-left: -6px;margin-right: -7px;margin-top: -20px;}
    .tabbox-main{width:33.9%;}
    .tabbox1,.tabbox2,.tabbox3{width: 23vw;height: 23vw;}
    .spacingontabview{padding-left: 10px;padding-right: 10px;}
    .allpagetab_bg ul li a{padding-left: 25px;padding-right: 25px;}
    .stepright{max-width: 75%;margin-left: 25px;}
    .testicontent{max-width: 86%;}
    .testimonialright{background-image: none;}
    .privacypageonly{font-size: 92px;}
    .logo_design_main .designed_logos:nth-child(2n){margin-right: 28px;}
    .loaded_container .assignment_main.loaded_container .assignment_rightside .top_assignment-1{margin-right: 0px;}
    .assignment_rightside .top_assignment-1 a.logo-2{display: none;}
    .assignment_rightside{max-width: 36%;}
}
@media all and (max-width: 767px)
{
    .mainmenu{min-height: inherit;}
    .logo{display: inline-block;vertical-align: middle;margin-left: 10px;text-align: left;width: 75%}
    .navbar-header.navbar-default{display: inline-block;vertical-align: middle;background-color: transparent;width: 18%;}
    .navbar-header.navbar-default button{margin-right: 0px;}
    .navbar{min-height: inherit;border: none;}
    .floatnone{float: none;}
    .header_title.privacypageonly{font-size: 90px;}
    .social_media .twitter-box-top{display: none;}
    .social_media .twitter-box-bottom{display: none;}
    .social_media .social_media_right{margin: 0px;width: inherit;}
    .social_media .social_media_left{width: inherit}
    .social_media .twitter-updates{padding-top: 0px;text-align: left;padding-bottom: 35px;}
    .social_media .social_media_right .twitter-updates{padding-bottom: 0px;padding-left: 0px;width: inherit}
    .social_media .googleplus_top, .social_media .linkedin_top{border: none;width: inherit;}
    .social_media .twitter_title{vertical-align: -15px;font-size: 22px;}
    
}
@media all and (max-width: 650px)
{
    #menu{display: none;}
    .spacingonmobileview{padding-left: 10px;padding-right: 10px;}
    .lets_shakehand .descriptiontext{font-size: 15px;}
    .lets_shakehand .descriptiontext .highlightfirstletter{font-size: 20px;}
    /*.fixed-nav-height{height: 127px;}*/
    .vision_fabricating_text{font-size: 9vw;line-height: 37px;}
    .client_appreciation .client_info{width: 81%;}
    .vision_fabricating_content .maksa_big_logo img{max-width: 70%;}
    .contact_info_main{text-align: left;}
    .octagon_shape_main{margin-bottom: 65px;}
    .octagon_shape_main:last-child{margin-bottom: 0px;vertical-align: top;}
    .portfolio_main a{margin-right: 10px;margin-bottom: 10px;}
    .portfolio_main a:nth-child(3n){margin-right: 10px;}
    .portfolio_main a:nth-child(2n){margin-right: 0px;}
    .portfolio_main a span.work_text{top: 5px;bottom: -5px;left: 5px;right: -5px;}
    .portfolio_main .load_image,.portfolio_main .image_loaded{height: inherit;}
    .logo_design_main .designed_logos{margin-right: 0px !important;}
    .header_title.privacypageonly{font-size: 64px;}
}
@media all and (max-width: 516px)
{
    .project_development_steps:nth-child(5),.project_development_steps:nth-child(7){margin-top: 0px;}
    .project_development_steps_main .plus_sign{display: block !important;margin: 0px;margin-bottom: 117px;}
}
@media all and (max-width: 480px){
    .header_title{font-size: 75px;line-height: 223px;}
    .inner_text{max-width: 69%;}
    .allpagetab_bg.services ul li a{padding: 10px 19px;}
    .work_tabs ul li a{font-size: 14px}
    .work_tabs ul li a span{font-size: 21px;}
    .aboutusright { padding-left: 0px;}
    .testimonialright { background: none;}
    .testicontent { max-width: 80%;}
     .header_title.privacypageonly{font-size: 50px;}
}
@media all and (max-width: 350px)
{
    .tabbox-main{width: 32.65%;}
    .vision_fabricating_content .next_button{height: 40px;width: 40px;}
    .vision_fabricating_content .next_button .glyphicon{font-size: 24px;line-height: 44px;}
    .whatwedomenu ul li{margin-right: 7px;}
    .whatwedomenu ul li a{font-size: 16px;padding-left: 6px;padding-right: 6px;}
    .header_title{font-size: 45px;line-height: 142px;}
    .octagon_shape_main:nth-child(even){margin-right: 0px;}
    #promote .design_tools .human_image4{top: 55px;}
    #promote .design_tools .thread_image{top:65px;}
    #promote .design_tools .chart_image{max-width: 84%;top: 118px;}
    #promote .design_tools .human_image1{left: 45px;top:204px;}
    #promote .design_tools .human_image2{left: 127px;top: 202px;}
    #promote .design_tools .human_image3{right: 60px;top: 159px;}
    #promote .design_tools .ladder_image{right: 68px;top: 187px;}
    .portfolio_main .load_image, .portfolio_main .image_loaded{height: 125px;background-size: 45px;}
    .social_media{text-align: left}
    
    .aboutusleft .aboutmenleft {  top: 0px; left: 10px;}
    .aboutusleft .aboutmenright { top: 0px; left: 153px;}
    .whyusmain { text-align: left;}
    .whyusmain .hend{padding-right: 25px;}
    .whyusmain .whyusicons{width: 28%;left: 146px;}
    .whyusmain .why-us-men-box{width: 24%; }
    .whyusmain .why-us-men-box2{width: 24%; }
    .whyusmain .why-us-men-box3{ width: 24%;}
    .whyusmain .why-us-men-box-right{width: 24%;padding-left: 0px;}
    .why-us-men-box-right { padding-left: 50px; }
    .whyusicons{ left: 144px; top: 139px;}
    .hend { padding-right: 38px;}
    .aboutusmain { width: 70%;}
    .aboutusmain .table2 { top: 7px; left: 61px;}
    .aboutusmain .table3 { left: 192px; top: 15px;}
    .assignment_rightside .top_assignment-1{margin-right: 0px;}
    .assignment_leftside{margin-right: 0px;}
    .whyusmain .hend { float: right;}
    .work ul{margin: 0px;padding: 0px;background-color: #ffffff;}
    .work ul li {margin: 0px;padding: 0px;width: 48%;font-size: 14px;margin-bottom: 4px;}
    .work ul li a {background-color: #f4f4f4;padding-left: 20px;padding-top: 7px;padding-bottom: 7px;}
    .work ul li.active a{border-top:none;background-color: #f4f4f4;border-color:#00aeef !important;color: #00aeef;}
    .work ul li:nth-child(odd){margin-left: -10px;margin-right: 8px;}
    .work ul li:nth-child(even){margin-right: -8px;}
    .work ul li:nth-child(odd) a{border-right: 7px solid #eaeaea;}
    .work ul li:nth-child(even) a{border-left: 7px solid #eaeaea;}
    .welcometitletext{font-size: 25px;}
    .loaded_container .assignment_main.loaded_container .assignment_rightside .top_assignment-1{margin-top: 5px;}
    .assignment_rightside .top_assignment-1 .logo-1, .assignment_rightside .top_assignment-1 .logo-2{margin-bottom: 5px;}
    .assignment_rightside .top_assignment-2{margin-top: 5px;}
    .assignment_rightside .top_assignment-1 a.logo-2{display: none;}
    .assignment_leftside{max-width: 51%;}
    .assignment_rightside{max-width: 47.6%;}
    .lets_shakehand{background-image: none;}
    
    .social_media .googleplus_top{max-width: 48%;height: auto;display: inline-block;padding-top: 0px;}
    .social_media .twitter_img{max-width: 29%;}
    .social_media .twitter_title{font-size: 17px;}
    .social_media .twitter_title .water_mark_text{font-size: 12px;}
    .social_media .social_media_left{max-width: 47%;vertical-align: top;margin-left: 10px;}
    .social_media .social_media_right{max-width: 48%;vertical-align: top;}
    .social_media .linkedin_top{max-width: 47%;height: auto;display: inline-block;padding-top: 0px;margin-left: 10px;}
    .social_media .twitter_title{padding-left: 5px;}
    .contact_info .inner_text{font-size: 12px;}
    .subscribe_for_upadates .mobile_number{margin-left: 0px;font-size: 14px;min-height: 27px;}
    .subscribe_for_upadates .email_account{font-size: 14px;}
    .footer_text{line-height: 30px;}
    .footer_text .spacer{display: none;}
}