/* ==== Google font ==== */



@import url('font-awesome.css');

/* ==== overwrite bootstrap standard ==== */

@import url('animate.css');
body { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.6em; color: #fff; background-color: #fff; }
hi, h2, h3, h4, h5, h6 { color: #333; line-height: 1.1em; font-weight: 800; text-transform: uppercase; font-size: 25px; }
p { color: #333; font-size: 14px; }
a { text-decoration: none; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; outline: none; color: #333; }
a:hover { text-decoration: none; color: #eee; }
.submit-btn { position: relative; padding: 8px 20px; background: #ffc62a; font-weight: 600; color: #fff; border-radius: 4px; border: none; text-transform: uppercase; margin-top: 10px; float: left !important; z-index: 0; }
.submit-btn:before { background: #615b5b none repeat scroll 0 0; border-radius: 4px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.submit-btn:hover:before { transform: scaleY(1); }
.text-center h2 { margin-bottom: 30px; }
.text-center p { color: #333; }
.btn-default { color: #333; background-color: #fff; border-color: #fff; text-transform: uppercase; font-size: 18px; border-radius: 30px; margin-left: -10px; }
#breadcrumb { background-color: #FFC62A; margin-top: -20px; }
.breadcrumb { list-style: none; background-color: #FFC62A; border-radius: 0px; padding: 3px 10px; }
.breadcrumb li { text-transform: uppercase; margin-top: 125px; font-weight: 600; font-size: 20px; }
.copyright > span { color: #434447; font-style: italic; font-weight: bold; letter-spacing: 0.8px; }
/*===========================

  Menu and Navigation

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

.navigation { background-color: #fff; padding: 0; }
.navbar-brand h1 { margin-top: 9px; padding-top: 5px; float: left; font-size: 25px; color: #333; text-transform: uppercase; font-weight: 900; }
.navbar-brand h1 span { color: #1BBD36; }
.menu { font-size: 13px; float: right; text-transform: uppercase; font-weight: 700; }
.menu ul.nav-tabs li { color: #000; }
.nav-tabs { border-bottom: 0; }
.nav-tabs > li { float: left; margin-bottom: 0; }
.nav-tabs > li > a { border-radius: 0; color: #333; padding: 0px; margin: 30px; }
.nav-tabs > li > a:hover { color: #ffc62a; border-color: #fff #fff #fff; border-radius: 0; background: none; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.nav-tabs > li > a.active { color: #ffc62a; border-radius: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.navbar-brand { padding: 15px 0; }
.nav-tabs li a:last-child { margin-right: 0; }
.nav-tabs li a { margin: 30px 0 30px 60px; }
.col-25 { width: 285px; }
/*===========================

  slider

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



#main-slider { margin-top: 40px; }
#main-slider { position: relative; }
.no-margin { margin: 0; padding: 0; }
#main-slider .carousel .carousel-content { margin-top: 150px; }
#main-slider .carousel .slide-margin { margin-top: 140px; }
#main-slider .carousel h2 { color: #fff; text-transform: uppercase; font-size: 51px; font-weight: 800;/*text-shadow: 3px 4px 1px rgba(0, 0, 0, 1);*/

}
#main-slider .carousel h2 span { color: #ffc62a; }
#main-slider .carousel h2 span spani { color: #000; }
#main-slider .carousel p { color: #ddd; line-height: 25px; font-size: 25px; }
#main-slider .carousel .btn-slide { padding: 8px 20px; background: #ffc62a; color: #494343; font-weight: 500; border-radius: 3px; margin-top: 25px; display: inline-block; transition-duration: .4s; }
#main-slider .carousel .btn-slide:hover:before { transform: scaleY(1); }
#main-slider .carousel .btn-slide:hover { color: #fff; }
#main-slider .carousel .btn-slide:before { background: #615B5B none repeat scroll 0 0; border-radius: 2px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
#main-slider .carousel .slider-img { text-align: right; position: absolute; }
#main-slider .carousel .item { background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; height: 730px; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#main-slider .carousel .item:first-child { top: auto; position: relative; }
#main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
/*.feature*/









.feature-in { color: #333; font-size: 14px; font-weight: bold; }
.feature-in:hover { color: #ffc62a; }
.text-center h3 { text-transform: uppercase; font-size: 25px; color: #333; font-weight: 600; }
.feature { padding: 0 0 40px; }
.text-center i { font-size: 40px; margin-top: 70px; margin-bottom: 30px; color: #fff; padding: 50px; background: #ffc62a; border-radius: 50%; width: 140px; height: 140px; transition-duration: .3s; }
.text-center h2 { margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #ffc62a; }
.hi-icon-effect i.fa:hover { transition-duration: .3s; background: #fff; color: #ffc62a; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; }
#partner { background: url(../images/partners/partner_bg6.jpg) 50% 50% no-repeat; background-size: cover; }
#partner { color: #fff; text-align: center; padding: 100px; }
#partner h2 { color: #fff; font-size: 30px; font-weight: 600; }
#partner p { color: #fff; font-size: 20px; }
.partners ul { list-style: none; margin: 0; padding: 0; }
.partners ul li { display: inline-block; vertical-align: middle; padding: 0 18px; }
.partners ul li a img { margin-top: 50px; border-radius: 0px; }
#conatcat-info { background: #fff url(../images/contact1.png) no-repeat 85% 0; padding: 50px 0 20px; }
.contact-info i { width: 50px; height: 50px; font-size: 40px; line-height: 50px; color: #fff; background: #ffc62a; text-align: center; border-radius: 6px; }
.contact-info h2 { margin-top: 0; color: #000; }
.contact-info { color: #000; }

/* --- about us --- */

.about p { padding: 54px 0 0; text-align: justify; }
.about1 { padding: 40px 0 50px; }
.aboutp { margin-top: 55px; text-align: justify; }
.about1 h2 { margin-bottom: 30px; margin-top: 0; }
.aboutbtt { background: #ffc62a none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; font-weight: 600; margin-top: 18px; padding: 4px 10px; float: right; position: relative; z-index: 0; font-size: 12px; display: inline-block; }
.aboutbtt:before { background: #615b5b none repeat scroll 0 0; border-radius: 4px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.aboutbtt:hover::before { transform: scaleY(1); }
.aboutus { padding: 25px 25px 25px; }
.aboutus img { border-radius: 6px; }
.aboutus h3 { margin-bottom: 10px; font-weight: 800; }
.aboutus h4 { margin-top: 0; margin-bottom: 15px; font-weight: 700; font-size: 22px; }
.skill h2 { margin-top: -10px; margin-bottom: 25px; }
.progress-wrap { position: relative; }
.progress .color1,  .progress .color1 .bar-width { background: #2d7da4; }
.progress .color2,  .progress .color2 .bar-width { background: #6aa42f; }
.progress .color3,  .progress .color3 .bar-width { background: #ffcc33; }
.progress .color4,  .progress .color4 .bar-width { background: #db3615; }
.progress,  .progress-bar { height: 15px; line-height: 15px; background: #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; overflow: visible; text-align: right; }
.progress { position: relative; margin-bottom: 35px; }
.progress .bar-width { position: absolute; width: 40px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 700; top: -30px; border-radius: 2px; margin-left: -30px; }
.progress span { position: relative; }
.progress span:before { content: " "; position: absolute; width: auto; height: auto; border-width: 8px 5px; border-style: solid; bottom: -15px; right: 8px; }
.progress .color1 span:before { border-color: #2d7da4 transparent transparent transparent; }
.progress .color2 span:before { border-color: #6aa42f transparent transparent transparent; }
.progress .color3 span:before { border-color: #ffcc33 transparent transparent transparent; }
.progress .color4 span:before { border-color: #db3615 transparent transparent transparent; }
.about { background: #eee; padding: 40px; }
.about h2 { margin-bottom: 30px; margin-top: 0; }
.about img { margin-bottom: 30px; border-radius: 6px; }
.our-team { padding: 40px; background: #ddd; }
.our-team h3 { margin-bottom: 10px; font-weight: 800; }
.our-team h4 { margin-top: 20px; margin-bottom: 8px; font-weight: 600; font-size: 22px; }
.our-team p { text-align: center; }
.our-team img { border-radius: 6px; margin-top: 30px; }
.lates { padding: 40px; }
.lates h2 { font-size: 25px; font-weight: 800; color: #333; }
.wow.fadeInDown.animated { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: rotate(1); transition-duration: .6s; }
.lates a { overflow: hidden; float: left; border-radius: 5px; border: 1px solid #d0d0d0 }
.lates img { border-radius: 5px; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: rotate(1); transition-duration: .6s; }
.lates img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: rotate(1.1); transition-duration: .6s; }
.img-responsive { border-radius: 6px; }
/* --- footer --- */

.footer { background: #ffc62a; padding: 15px 22px; }
ul.social-network { list-style: none; margin-top: 20px; padding: 10px 0px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
ul.social-network li { display: inline; margin: 0 18px; font-size: 25px; }
ul.social-network li:first-child { margin-left: inherit; }
ul.social-network li a { color: #fff; }
.social-network li:hover .fa-twitter { color: #727376; }
.social-network li:hover .fa-facebook { color: #727376; }
.social-network li:hover .fa-google-plus { color: #727376; }
.social-network li:hover .fa-pinterest { color: #727376; }
.social-network li:hover .fa-linkedin { color: #727376; }
.social-network li:hover .fa-youtube-play { color: #727376; }
.social-network li:hover .fa-dribbble { color: #727376; }
.social-network li:hover .fa-pinterest-square { color: #727376; }
.copyright { margin-top: 30px; float: right; }
.copyright a { color: #000; text-transform: uppercase; font-weight: 600; font-size: 12px; text-shadow: none; }
/* --- services --- */

.service-in { width: 100%; }
.service-in ul { padding: 0; }
.service-in ul li { font-size: 14px; color: #333; text-decoration: none; padding: 2px 0; list-style: none; }
.service-in ul li:before { width: 7px; height: 7px; margin: 8px 8px 0 0; background: #ffc62a; content: ""; float: left; border-radius: 50%; }
.service-logo { width: 100%; padding: 0 0 0 30px; }
.services .service-logo p { text-align: justify; margin-top: 0px; }
.service-logo ul { padding: 0; }
.service-logo ul li { font-size: 14px; color: #333; text-decoration: none; padding: 2px 0; list-style: none; }
.service-logo ul li:before { width: 7px; height: 7px; margin: 8px 8px 0 0; background: #ffc62a; content: ""; float: left; border-radius: 50%; }
.media > ul { padding: 0 0px 0 0; }
.border { border-bottom: solid 1px #cbcbcb; }
.services { padding: 25px 40px; }
.img-responsive.identity { float: right; margin-top: 20px; }
.services h3 { margin-bottom: 10px; font-weight: 800; }
.services img { border-radius: 6px; margin: 7px 0 0 15px; }
.sub-services img { border-radius: 6px; margin-top: 52px; }
.img-responsive.print_service { margin-top: 64px; }
.services p { margin-top: 8px; font-size: 14px; }
.sub-services { padding: 25px 40px 25px; background: #eeeeee; }
.sub-services p { margin-top: 8px; text-align: justify; padding: 0 30px 0 0; font-size: 14px; }
.media-body p { margin-bottom: 25px; text-align: justify; }
.media ul li { list-style: none; }
.media i { color: #fff; font-size: 35px; }
.media h4 { font-size: 20px; font-weight: 600; color: #ffc62a; }
/* --- portfolio --- */

.text-center-port p { font-size: 18px; text-align: center; padding: 50px 0 30px; }
.portfolio { color: #ffc62a; font-size: 22px; margin: 30px 0 12px 0; display: inline-block; }
.portfolio-in { width: 100%; }
.portfolio-in ul { padding: 0; }
.portfolio-in ul li { font-size: 14px; color: #333; text-decoration: none; padding: 2px 0; list-style: none; }
.portfolio-in ul li:before { width: 7px; height: 7px; margin: 8px 8px 0 0; background: #ffc62a; content: ""; float: left; border-radius: 50%; }
#portfolio .center p { margin-top: 50px; margin-bottom: 50px; font-size: 18px; }
.portfolio-items,  .portfolio-filter { list-style: none outside none; margin: 0 0 40px 0; padding: 0; }
.span9.wow.fadeInDown.animated { float: left; }
.quality { display: none; }
.portfolio-filter > li { display: inline-block; }
.portfolio-filter > li a { background: none repeat scroll 0 0 #FFFFFF; font-size: 14px; font-weight: 400; margin-right: 20px; text-transform: uppercase; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; border: 1px solid #F2F2F2; outline: none; border-radius: 3px; }
.portfolio-filter > li a:hover,  .portfolio-filter > li a.active { color: #fff; background: #ffc62a; border: 1px solid #ffc62a; box-shadow: none; -webkit-box-shadow: none; outline: none; }
.btn.btn-default.active { outline: none; text-decoration: none; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; text-decoration: none; outline-offset: inherit; }
.portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:hover, a:focus { color: inherit; outline: none; }
.portfolio-item { margin: 0; padding: 0; }
.overlay { margin-bottom: 20px; text-decoration: none }
.overlay h3 a { text-decoration: none; }
.overlay a:hover { color: #ffc62a; }
/*.portfoliodiv{width:100%;}

.portfoliodiv ul{}

.portfoliodiv ul li{ display:inline; float:left; width:20%;}*/





.filter ul li.sad { display: none; }
/*------------------------------------------*/

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

   Section Page

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



.page { padding: 50px 0; position: relative; z-index: 99; }
.page-alternate { background: #26292E; padding: 100px 0; position: relative; z-index: 99; }
.title-page { text-align: center; margin-bottom: 15px; }
.title-page .title { font-size: 48px; margin: 0 0 10px 0 }
.title-page .title-description { font-size: 18px; text-transform: inherit; color: #333; margin: 0; }
/* ==================================================

   Section Portfolio

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



.type-work { color: #FFFFFF; font-size: 24px; font-weight: 300; margin-bottom: 30px; line-height: 1em; text-transform: uppercase; }
.work-nav #filters { margin: 0; padding: 0; list-style: none; }
.selec { background: #f1f0f0; }
.work-nav #filters li { margin: 0 0 15px 0; padding: 4px; display: inline-block; }
.work-nav #filters li a { color: #7F8289; font-size: 14px; border: 1px solid #d2d2d2; color: #333; padding: 6px 12px; font-weight: 400; border-radius: 3px; outline: none; text-decoration: none; text-transform: uppercase; }
.work-nav #filters li a:hover { }
.work-nav #filters li a.selected { color: #fff; background: #ffc62a none repeat scroll 0 0; }
#thumbs { margin: 0; padding: 0; width: 100%; }
#thumbs li { width: 25%; float: left; display: inline-block; }
.item-thumbs { position: relative; overflow: hidden; margin-bottom: 30px; cursor: pointer; }
.item-thumbs a + img { width: 100%; }
.item-thumbs .hover-wrap { position: absolute; display: block; width: 100%; height: 100%; display: none; opacity: 1; filter: alpha(opacity=0); -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; }
.item-thumbs:hover .hover-wrap,  .item-thumbs.active .hover-wrap { opacity: 1; display: block; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); }
.item-thumbs .hover-wrap .overlay-img { position: absolute; opacity: .7; width: 100%; height: 100%; background: #2c2c2c; }
.item-thumbs .hover-wrap .overlay-img-thumb { position: absolute; top: 50%; left: 0; margin-top: -11px; z-index: 20; right: 0; color: #FFFFFF; font-size: 22px; text-transform: uppercase; font-weight: 600; line-height: 1em; text-align: center; opacity: 1; filter: alpha(opacity=100); }
/* ==================================================

   About Section

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



.profile-name { margin-bottom: 15px; }
.profile-description { margin-bottom: 25px; }
.image-wrap { position: relative; overflow: hidden; margin-bottom: 25px; cursor: pointer; }
.image-wrap img { width: 100%; }
.image-wrap .hover-wrap { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; -webkit-transform: rotateY(180deg) scale(0.5, 0.5); -moz-transform: rotateY(180deg) scale(0.5, 0.5); -ms-transform: rotateY(180deg) scale(0.5, 0.5); -o-transform: rotateY(180deg) scale(0.5, 0.5); transform: rotateY(180deg) scale(0.5, 0.5); }
.image-wrap:hover .hover-wrap,  .image-wrap.active .hover-wrap { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1, 1); -moz-transform: rotateY(0deg) scale(1, 1); -ms-transform: rotateY(0deg) scale(1, 1); -o-transform: rotateY(0deg) scale(1, 1); transform: rotateY(0deg) scale(1, 1); }
.image-wrap .hover-wrap .overlay-img { position: absolute; width: 100%; height: 100%; background: #DE5E60; opacity: 0.80; filter: alpha(opacity=80); }
.image-wrap .hover-wrap .overlay-text-thumb { position: absolute; width: 100%; height: 32px; top: 50%; margin: -16px 0 0 0; color: #FFFFFF; font-size: 20px; font-weight: 300; line-height: 32px; text-transform: uppercase; text-align: center; opacity: 1; filter: alpha(opacity=100); }
.social-icons { margin: 0; padding: 0; }
.social-icons li { display: inline-block; margin-left: 15px; }
.social-icons li:first-child { margin-left: 0; }
.social-icons li a { color: #FFFFFF; font-size: 16px; line-height: 1em; width: 16px; height: 16px; opacity: 0.3; filter: alpha(opacity=30); -webkit-transition: opacity 0.1s linear 0s; -moz-transition: opacity 0.1s linear 0s; -o-transition: opacity 0.1s linear 0s; transition: opacity 0.1s linear 0s; }
.social-icons li a:hover { opacity: 1; filter: alpha(opacity=100); }
.span3 { width: 100%; display: table; margin: 0 auto; }
.work-nav { margin: 0 auto; text-align: center; width: 100%; }
.span9 { width: 100%; margin: 0 auto; }
#projects { width: 100%; margin: 0 auto; }
/*-----------end-------------------------------*/





/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/

.isotope,  .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { }
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,  .isotope.no-transition .isotope-item,  .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/

.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
/* --- Map --- */

.map { position: relative; margin-bottom: 40px; }
.map iframe { width: 100%; height: 450px; border: none; }
.map-grid iframe { width: 100%; height: 350px; border: none; margin: 0 0 -5px 0; padding: 0; }
/* --- contact --- */
.error { color: #191919; display: block; padding-bottom: 15px; font-size: 18px;    margin-top: 33px; }
.error i { padding-right: 10px; font-size: 18px; }
.Sucess { color: #727376; display: block; padding-bottom: 15px; font-size: 18px;margin-top: 24px;   text-align: center;}
.Sucess i { padding-right: 10px; font-size: 18px; color: #727376; }

.contact-address { width: 100%; text-align: center; }
.contact-address h3 { font-size: 25px; font-weight: bold; }
.contact-address p { font-size: 15px; color: #000; }
.contact-address a { text-decoration: none; }
.contact-address span { font-weight: bold; font-size: 15px; color: #4f4f4f; }
.contact-address { background: #eee; padding: 15px 0 20px; }
.btn-primary { background: #ffc62a none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; float: left !important; font-weight: 600; margin-top: 10px; padding: 8px 20px; position: relative; text-transform: uppercase; z-index: 0; }
.btn-primary:before { background: #615b5b none repeat scroll 0 0; border-radius: 4px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
.btn-primary:hover:before { transform: scaleY(1); }
#plan { width: 100%; color: #000; padding: 7px 12px; border-radius: 4px; background-image: none; border: 1px solid #ccc; color: #555; display: block; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
#plan option { color: #000; padding: 0px 12px; text-decoration: none; outline: none; }
.form-group.form-group1 { width: 48%; float: left; }
.form-group.form-group2 { width: 48%; float: left; margin: 0 0px 0 22px; }
.form-group.form-group3 { width: 48%; }
.form-group.form-group4 { width: 48%; margin: -75px 0 0 22px; float: right; }
#contact-page { padding-top: 0; background: #fff; margin-bottom: 35px; }
#contact-page .contact-form  .form-group label { color: #4E4E4E; font-size: 14px; font-weight: 300; width: 100%; }
.form-group .form-control { padding: 7px 12px; border-color: #dadada; box-shadow: none; }
textarea#message { resize: none; padding: 10px; }
#contact-page .contact-wrap { margin-top: 20px; }
.center h2 { font-size: 36px; margin-top: 0; margin-bottom: 20px; text-align: center; }
.center p { text-align: center; }
a.scrollup { color: #fff; background: #615A61; height: 40px; width: 40px; font-size: 12px; line-height: 30px; text-align: center; text-decoration: none; position: fixed; bottom: 30px; right: 40px; opacity: 0, 5; border-radius: 50%; z-index: 999; }
a.scrollup:hover { opacity: 1; color: #c79104; }
/*owl slider*/

#owl-carousel { width: 100%; }
#owl-carousel .owl-buttons .owl-next { display: block !important; right: -44px; position: absolute; top: 170px; width: 36px; height: 38px; background: #626262 url(../images/sprite2.png) no-repeat -25px -356px; font-size: 0; transition-duration: .3s; border-radius: 50%; }
#owl-carousel .owl-buttons .owl-next:hover { background: #ffc62a url(../images/sprite2.png) no-repeat -25px -356px; transition-duration: .3s; }
#owl-carousel .owl-buttons .owl-prev { display: block !important; left: 0px; position: absolute; top: 170px; background: #626262 url(../images/sprite2.png) no-repeat 7px -356px; width: 36px; height: 38px; font-size: 0; left: -32px; transition-duration: .3s; border-radius: 50%; }
#owl-carousel .owl-buttons .owl-prev:hover { background: #ffc62a url(../images/sprite2.png) no-repeat 7px -356px; transition-duration: .3s; }
.team { width: 100%; float: left; }
.team a { display: block; }
.team a img { max-width: 100%; padding: 15px; }






@media(max-width:1326px){

#owl-carousel .owl-buttons .owl-next{right:0px;}	
#owl-carousel .owl-buttons .owl-prev{left:0px;}	
}
@media(max-width:1180px){
#owl-carousel .owl-buttons .owl-next{right:-15px;}	
#owl-carousel .owl-buttons .owl-prev{left:-15px;}	
}
@media(max-width:768px){
.container{ width:inherit;}
ul.social-network{ text-align:center; margin:0; padding:0 0 8px;}
.copyright{ text-align:center; margin:0; float:none;}
.footer{padding: 25px 22px;}
#partner{padding: 40px 0;}
.portfoliodiv{ margin:40px 0 40px 80px;}
#thumbs li{ width:24%;}
.title-page .title-description{ font-size:15px;}
.menu {font-size: 11px; }
}
@media(max-width:767px){
.navbar-header{padding: 0 0 10px;}
.navbar-toggle{margin-top: 22px;}


}
@media(max-width:640px){
.media{ margin-top:25px !important;}
.navbar-brand{ padding:15px;}
.portfoliodiv{ margin:40px 0 40px 20px;}
#thumbs li{ width:50%;}
}
@media(max-width:480px){
#main-slider .carousel h2{ font-size:30px;}
#main-slider .carousel .item{ height:500px;}
#main-slider .carousel .slide-margin{ margin-top:40px;}
.about{padding: 40px 0; text-align:justify;}
.lates{padding: 40px 0;}
.wow.fadeInDown.animated > p{ text-align:justify;}
.nav-tabs > li > a{margin: 30px 15px;}
.breadcrumb li{ margin-top:118px;}
.aboutus h3{ font-size:20px;}
.aboutus{padding: 25px 0 30px;}
.aboutus h4{ font-size:20px;}
.our-team{padding: 25px 0;}
.our-team img{ width:100%}
.services{padding: 20px 0 0;}
.media-left, .media-right, .media-body{ display:inherit;}
.media-body p{ text-align:justify;}
.services p{ margin:10px 0 0;}
.media > ul{ margin-bottom:30px;}
.media-left{ display:none;}
.border{margin: 25px 0 0;}
.media ul li .media-body .media-heading{margin-top: 25px;}
.sub-services{padding: 40px 0 25px;}
.sub-services{padding: 15px 0 40px;}
.media-body p{ margin:0;}
.filter ul li{ margin:10px 0;}
.portfoliodiv{ margin:20px 0 20px 80px;}
.partners ul li{padding: 0 12px;}
.footer{padding: 25px 0;}
.post{ text-align:center !important;}
.sub-services p {padding: 0;}
}

@media(max-width:360px){
.nav-tabs > li > a:hover{ background:#000;}
.nav-tabs > li > a.active{ margin:0;}
.nav-tabs > li > a{ margin:0;}	
ul.social-network li{ margin:0 15px;}	
.menu{ float:none;}
.menu ul.nav-tabs li{ float:none;}
.nav-tabs > li > a{padding: 12px 14px;}
.nav-tabs{padding: 15px 0;}
.navbar-collapse{ padding:0;}
.text-center i{margin-bottom: 15px;margin-top: 40px;}
.feature{padding: 0 0 20px;}
.about{ padding:20px 0;}
.lates{padding:20px 0;}
.media-body{ font-size:20px;}
.portfoliodiv{ margin:20px 0 20px 20px;}
.col-25{ padding:10px;}
#thumbs li{ width:100%; margin-bottom:15px;}
.page{padding:25px 0 15px;}
.work-nav #filters li{padding: 0;}
}
@media(max-width:320px){
.portfoliodiv{ margin:20px 0 20px 0px;}	
.col-25{ padding:10px;}

}