@charset "utf-8";

@import url(menu.css);
@import url(responsive.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Roboto:400,300,100,500,700,900|Open+Sans:400,300,600,700,800|Crete+Round:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic');	
/* HTML5 display-role reset for older browsers */
html {overflow-y:auto;}
html, body {width:100%;height:100%;}
body {font-size:13px;line-height:180%;font-family:'Montserrat','Roboto', 'Crete Round','Malgun Gothic','Nanum Gothic', sans-serif;}

hr {display:none}
input[type="checkbox"],input[type="radio"]{vertical-align:text-bottom}
input, textarea {outline: none;}
input[type="submit"],button,a{cursor:pointer;}
legend {margin:0px;padding:0px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;}
fieldset > legend{display:none;}
ul,ol{margin:0px;padding:0px}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ol, ul {list-style:none;}
Blockquote, q {quotes:none;}
Blockquote:before, Blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
img {height:auto;max-width:100%;}
.hidden {display:none; }
.alignleft {float:left; }
.alignright {float:right; }
.aligncenter {margin-left:auto;margin-right:auto;display:block;clear:both;}
strong {font-weight:500;}
.clear {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}
::-moz-selection  {color:#fff;text-shadow:none;}
::selection {color:#fff;text-shadow:none;}
*,*:after,*:before {padding:0;margin:0;}
a {padding:0;margin:0;text-decoration:none !important;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;cursor:pointer}
a img {border:none;vertical-align:bottom;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin-bottom:5px;}
h1 {font-size:30px; margin-top:0; line-height:35px;}
h2 {font-size:22px; margin-top:0;}
h3 {font-size:20px; margin-top:0;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

a img {border:none; }
section::before,section::after {position:absolute;content:'';pointer-post-wraps:none;} 
embed,object {max-width:100%;}
p {line-height:22px;margin-bottom:10px;}
/*-------------------------------------------------------------------*/
.first {clear:both}
.last{margin-right:0}

.hvm{vertical-align:middle;display:inline-block;position:relative;text-align:center;width:100%}
.hvm *{vertical-align:middle;}
.blank{width:0px;height:100%;vertical-align:middle;display:inline-block;}
/*Background colors*/
.bg-blue {background-color:#428BCA !important;}
.bg-green {background-color:#5CB85C !important;}
.bg-cyan {background-color:#5BC0DE !important;}
.bg-yellow {background-color:#F0AD4E !important;}
.bg-red {background-color:#D9534F !important;}
.bg-gray {background-color:#F1F1F1 !important;}
.bg-violet {background-color:#8D84E4 !important;}
.bg-black {background-color:#3D3D3D !important;}
.bg-orange {background-color:#FF8400 !important;}
.bg-pink {background-color:#FF6BB1 !important;}

.wrapper {margin:0 auto;padding:0;min-height:500px}
body.boxed .wrapper {width:100%;max-width:1170px;box-shadow:0px 0px 5px 0px rgba(0,0,0,.05);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.05);-ms-box-shadow:0px 0px 5px 0px rgba(0,0,0,.05);-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.05);} 
.wrapper.boxed .nav-container {background:none;border-bottom:0;box-shadow:none;}
.wrapper.boxed .nav-container .inner {border-bottom:1px solid #ececec;box-shadow:0 3px 2px 0 rgba(0,0,0,.03);background:#fff;}
.back-to-top {position:fixed;bottom:2em;right:10px;background-color:#3d3d3d;font-size:12px;display:none;width:40px;height:40px;border-radius:3px;text-align:center;line-height:35px;font-size:20px;color:#FFF;z-index:9999;}
.back-to-top:hover {color:#FFF;}  
.fl {float:left;}
.fr {float:right;}   

.alert {font-size:14px;}
.alert.b-line {border-width:3px;background:none;box-sizing:border-box;border-radius:0;} 
.alert i { font-size:16px;  margin-right:10px;} 
.padding50 {padding:50px auto;}  
.one-section {overflow:hidden;position:relative;width:100%;height:auto;}
.full-screen {position:relative;}
.middle-content {left:50%;  position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);  width:100%;  z-index:9;} 
.mask-color {opacity:.5;z-index:0;} 
.background-stretch { background-size:cover !important;} 
.full-bg-position {position:absolute;margin:0;top:0;left:0;width:100%;} 
/* Background */
.animate-bg {animation:animate-bg 20s linear infinite; }
@keyframes animate-bg{ 
	0% {background-position:0 0, 0 0;}
	100% {background-position:3000px 0, 0 0;}
}
/* Footer*/
footer{padding:30px 0}

.flink a{display:inline-block;margin-left:7px;white-space:nowrap;}
.flink a:first-child{margin-left:0}
.flink a:nth-child(2){font-weight:bold;}
.flink a:before{content:'';display:inline-block;background:rgba(0,0,0,0.15);height:11px;width:1px;vertical-align:middle; margin-right:7px;}
.flink a:first-child:before{ display:none}

.finfo{font-size:0.92em;margin-top:10px;}
.finfo span{display:inline-block;margin-left:5px;white-space:nowrap}
.finfo span:first-child{font-weight:bold;margin-left:0;}
.finfo span:before{content:'';display:inline-block;background:rgba(0,0,0,0.15);height:11px;width:1px;vertical-align:middle; margin-right:7px;}
.finfo span:first-child:before{display:none}

.copyright {line-height:30px;font-size:0.83em;}
.copyright a {font-weight:400;}

footer .socials{float:right}
/* Socials*/
.socials {text-align:left;}
.socials.al-center {text-align:center;}
.socials.al-right {text-align:right;}  
.socials a {color:#7d7d7d;border:1px solid rgba(0,0,0,0.1);background:#f9f9f9;display:inline-block;width:30px;height:30px;line-height:29px;text-align:center;border-radius:3px;position:relative;font-size:14px;transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-webkit-transition:all .3s;margin-left:3px;}
.socials a:first-child{margin-left:0}
.socials a:hover {color:#fff !important;border-width:0;padding:1px}
.socials a.facebook:hover {background:#6078aa;}
.socials a.twitter:hover {background:#00abf0z;}
.socials a.gplus:hover {background:#d95232;} 
.socials a.linkedin:hover {background:#0073b2;} 
.socials a.instagram:hover {background:#474135;}
.socials a.skype:hover {background:#03a8e9;}
.socials a.pinterest:hover {background:#db2828;}
.socials a.github:hover {background:#3d3d3d;} 
.socials a.foursquare:hover {background:#35c6ff;} 
.socials a.dribbble:hover {background:#fa77b4;} 
.socials a.youtube:hover {background:#db2828;}
.socials a.rss:hover {background:#ff9000;}   

.socials a:hover span {opacity:1;  bottom:40px;}
.socials a span{ width:70px;  height:auto;  line-height:20px;  padding:3px 6px;  left:50%;  margin-left:-35px;  font-size:11px;  text-align:center;  background:rgba(0,0,0,0.7);  text-indent:0px;  border-radius:3px;  position:absolute;  pointer-events:none;  bottom:10px;  opacity:0;z-index:999;  transition:all 0.3s ease-in-out;}
.socials a span:after{ content:'';  position:absolute;  bottom:-10px;  left:50%;  margin-left:-4px;  width:0;  height:0;  border-left:5px solid transparent;  border-right:5px solid transparent;  border-top:5px solid rgba(0,0,0,0.1);}
.socials a span:after{ bottom:-5px;  margin-left:-5px;  border-top:5px solid rgba(0,0,0,0.7);} 
/*Large icon*/
.socials.large-icon a {width:50px;height:50px;font-size:20px;line-height:45px;}
.socials.large-icon a:hover span {bottom:60px;}
/*Dark icon*/
.socials.dark-icon a {background-color:#3d3d3d;border-color:#1d1d1d;color:#FFF;}
/*Circle icon*/
.socials.circle-icon a {border-radius:50%;}
/*Border group*/
.socials.border-group {border:2px solid #f1f1f1;border-radius:5px;display:inline-block;padding:10px;box-sizing:border-box;}  
/*Colors icon*/
.socials.colors-icon a {color:#FFF;border:0;padding:1px}
.socials.colors-icon a.facebook {background:#6078aa;}
.socials.colors-icon a.twitter {background:#00abf0;}
.socials.colors-icon a.gplus {background:#d95232;} 
.socials.colors-icon a.linkedin {background:#0073b2;} 
.socials.colors-icon a.instagram {background:#474135;}
.socials.colors-icon a.skype {background:#03a8e9;}
.socials.colors-icon a.pinterest {background:#db2828;}
.socials.colors-icon a.github {background:#3d3d3d;} 
.socials.colors-icon a.foursquare {background:#35c6ff;} 
.socials.colors-icon a.dribbble {background:#fa77b4;} 
.socials.colors-icon a.youtube {background:#db2828;} 
.socials.colors-icon a.rss {background:#ff9000;} 
.socials.colors-icon a:hover {background:#3d3d3d;} 
/* Line style*/
.socials.line-icon a {background:none !important;}
.socials.line-icon a span {color:#fff;} 
.socials.line-icon a.facebook {color:#6078aa;}
.socials.line-icon a.twitter {color:#00abf0;}
.socials.line-icon a.gplus {color:#d95232;} 
.socials.line-icon a.linkedin {color:#0073b2;} 
.socials.line-icon a.instagram {color:#474135;}
.socials.line-icon a.skype {color:#03a8e9;}
.socials.line-icon a.pinterest {color:#db2828;}
.socials.line-icon a.github {color:#3d3d3d;} 
.socials.line-icon a.foursquare {color:#35c6ff;} 
.socials.line-icon a.dribbble {color:#fa77b4;} 
.socials.line-icon a.youtube {color:#db2828;} 
.socials.line-icon a.rss {color:#ff9000;} 
.socials.line-icon a:hover {border-width:1px; padding:0}
/* ===== Img Style ====== */
.img-box {position: relative;overflow: hidden;display: block;}
.img-box img{max-width:100%}

.contxt{font-size:14px;line-height:180%}

.analysis-list li {margin:5px 0px;font-size:1.05em;}
.analysis-list li span {margin-right:5px;}
/* ====================================================================== Testimonials =================================== */
.grid-layout {width:100%;}
.grid-layout:after {content:''; display:block;clear:both;}

.grid-layout li {float:left;width:50%;box-sizing:border-box;text-align:center;position:relative;min-height:250px;}
.grid-layout li:after {position:absolute;content:'';width:1px;height:80%;top:10%;right:0;background:#e7e7e7;}
.grid-layout li:before {position:absolute;content:'';width:80%;height:1px;bottom:0;right:10%;background:#e7e7e7;}
.grid-layout.two-col li:nth-child(2n+2):after,.grid-layout li:last-child:before,.grid-layout li:nth-last-child(2):before {background:none;}

/* 3 col */
.grid-layout.three-col li {width:33.33%;}
.grid-layout.three-col li:nth-child(3n+3):after, .grid-layout.three-col li:nth-last-child(3):before {background:none; }
/* 4 col */
.grid-layout.four-col li {width:25%}
.grid-layout.four-col li:nth-child(4n+4):after, .grid-layout.four-col li:nth-last-child(3):before, .grid-layout.four-col li:nth-last-child(4):before {background:none; }
/*==================================================== GALLERY STYLE ==========================================================*/
/* Galery Carousel  */
.g-carousel .item {margin:0 2px;}
.g-carousel.two-row .item .p-item {margin-bottom:4px;}
.g-carousel.two-row .item .p-item:last-child {margin-bottom:0;}
.g-carousel.no-space .item,.g-carousel.no-space .item .p-item:first-child {margin:0;}
.g-carousel .pthumb {border-radius:0;}
.g-carousel .pthumb .mask h3 {font-size:14px;}
.g-carousel .pthumb .mask i.view {top:-20%;left:50%;margin:-25px 0 0 -25px;}
.g-carousel .pthumb .mask:hover i.view {top:50%;} 
.g-carousel.owl-theme {overflow:hidden;}
.g-carousel.owl-theme .owl-controls .owl-buttons div {position:absolute;z-index:999;height:100%;top:5px;border-radius:0;background:rgba(0,0,0,.8);color:#fff;opacity:0;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;}
.g-carousel.owl-theme .owl-controls .owl-buttons div:hover {background-color:#8D84E4;}
.g-carousel.owl-theme .owl-controls .owl-buttons div i {font-size:30px;position:relative;top:48%;margin-top:-50px;display:inline-block;width:30px;height:30px;} 
.g-carousel.owl-theme .owl-controls .owl-buttons .owl-prev{left:-50px;}
.g-carousel.owl-theme .owl-controls .owl-buttons .owl-next{right:-50px;}
.g-carousel.owl-theme:hover .owl-controls .owl-buttons .owl-prev{left:-5px;opacity:1;}
.g-carousel.owl-theme:hover .owl-controls .owl-buttons .owl-next{right:-5px;opacity:1;}
/* Grid gallery */
.grid-gallery {width:100%;}
/* clear fix */
.grid-gallery:after {content:''; display:block; clear:both;}
/* ---- .grid-gallery > li ---- */
.grid-gallery li {float:left; width:125px; padding:0 5px 5px 0; transition:all ease-in-out .8s; transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.grid-gallery li .pthumb {border-radius:3px;}
.grid-gallery li .pthumb .mask i {top:-20%;left:50%;margin:-20px 0 0 -20px;width:40px;height:40px;line-height:40px;}
.grid-gallery li .pthumb .mask:hover i {top:50%;}
.grid-gallery li img {float:left;}
.grid-gallery li > * {margin:0; padding:0;}
.grid-gallery li.large {width:250px;}
/* 5 column */
.grid-gallery.five-col li {width:20%;}
.grid-gallery.five-col li.large {width:40%;}
/* 4 column */
.grid-gallery.four-col li {width:25%;}
.grid-gallery.four-col li.large {width:50%;}
/* Slide wwith content */
.single-gallery.content-slide li {position:relative;}
.single-gallery.content-slide .slide-desc {position:absolute;bottom:20px;left:20px;max-width:50%;background:rgba(0,0,0,.2);padding:20px;color:#fff;}
.single-gallery.content-slide .slide-desc h3 {font-weight:700;color:#fff;text-transform:uppercase;}   
.single-gallery img,#preview li img,#thumb li img {width:100%;display:block;} 
#preview li,#thumb li {margin:5px;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;}
#thumb li {background:rgba(0,0,0,0.5);cursor:pointer;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;opacity:.7;}
#thumb li:hover,#thumb .active li {opacity:1;}
/* custom owl carousel */ 
.nav-inside.owl-theme .owl-controls .owl-buttons div  {margin:-25px 0 0 0;opacity:1;width:100%;position:absolute;padding:9px 10px;width:100px;border-radius:3px;width:50px;height:50px;background:rgba(0,0,0,.2);top:50%;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;}
.nav-inside.owl-theme .owl-controls .owl-buttons div:hover {background:rgba(0,0,0,0.5);} 
.nav-inside.owl-theme .owl-controls .owl-buttons div i {color:#fff;line-height:30px;font-size:20px;} 
.nav-inside.owl-theme .owl-controls .owl-buttons .owl-prev {left:-15px;opacity:0;}
.nav-inside.owl-theme .owl-controls .owl-buttons .owl-next {right:-15px;opacity:0;}
.nav-inside.owl-theme:hover .owl-controls .owl-buttons .owl-prev {left:15px;opacity:1;}
.nav-inside.owl-theme:hover .owl-controls .owl-buttons .owl-next {right:15px;opacity:1;}

/*=========================================== PORTFOLIO STYLES =================================================*/
/* Portfolio wrap*/ 
.port-wrap {padding:0;margin:0;max-width:1170px;margin:0 auto;transition:all ease-in-out .6s;-moz-transition:all ease-in-out .6s;-ms-transition:all ease-in-out .6s;-o-transition:all ease-in-out .6s;-webkit-transition:all ease-in-out .6s; }
.port-wrap:after {content:'';display:block;clear:both;}
/* ---- .port-item ---- */
.port-item {position:relative;float:left;margin:0;padding:0;padding:10px;overflow:hidden;text-align:center;width:25%;}
.port-item > * {margin:0;padding:0;}
/* Full width */
.port-wrap.port-full-width  {max-width:100%;}
.port-wrap.no-space .port-item {padding:0;}
.port-wrap.no-space .port-item:nth-child(2n) .port-meta .triangle{border-bottom-color:#f0f0f0;}
.port-wrap.no-space .port-item:nth-child(2n) .port-meta {background:#f0f0f0;} 
.port-wrap.no-desc .port-item .port-meta {display:none;} 
.port-wrap.no-space .port-item .p-item .port-meta,.port-wrap.no-space .port-item .p-item .pthumb,.port-wrap.no-desc .port-item .p-item .port-meta,.port-wrap.no-desc .port-item .p-item .pthumb {border:none;border-radius:0;} 
/* col number */
.port-5col .port-item {width:19.9%;}
.port-4col .port-item {width:24.99%;}
.port-3col .port-item {width:33%;}
.port-2col .port-item {width:50%;}
/* portfolio item style */ 
.p-item {width:100%;height:100%;}
.p-item .pthumb {width:100%;height:100%;position:relative;overflow:hidden;padding:0;margin:0;}
.p-item .pthumb h3 {position:absolute;top:50%;height:30px;line-height:30px;margin:-15px 0 0 0;text-transform:uppercase;font-family:'Montserrat','Crete Round';right:0;display:block;width:100%;text-align:center;color:#FFF;transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-ms-transition:all ease-in-out .4s;-o-transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;transform:scale(3,3);-moz-transform:scale(3,3);-ms-transform:scale(3,3);-o-transform:scale(3,3);-webkit-transform:scale(3,3);opacity:0;text-shadow:3px 3px 3px #000;}
.p-item .pthumb h3 a {color:#fff;} 
.p-item .pthumb:hover h3 {transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);opacity:1;}  
.p-item .pthumb img {width:100%;} 
.p-item .pthumb .mask {width:100%;height:100%;position:absolute;background:rgba(0,0,0,0);z-index:9;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;}
.p-item .pthumb:hover .mask {background:rgba(0,0,0,.3);}
.p-item .pthumb .mask .glass {background:rgba(255, 255, 255,.1);width:80%;height:220%;left:-120%;top:-90%;display:inline-block;position:absolute;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}
.p-item .pthumb:hover .mask .glass {left:-50%;} 
.p-item .pthumb .mask i {width:30px;height:30px;display:inline-block;color:#FFF;font-size:16px;background-color:rgba(255, 255, 255,.1);border:1px solid rgba(255, 255, 255,.2);border-radius:2px;line-height:27px;text-align:center;position:absolute;bottom:-60px;transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;z-index:10;}
.p-item .pthumb .mask i:hover {background:rgba(0,0,0,0.5);color:#fff;} 
.p-item .pthumb .mask .zoom {right:10px;}
.p-item .pthumb .mask .info {right:65px;}
.p-item .pthumb:hover .mask .zoom {bottom:10px;}
.p-item .pthumb:hover .mask .info {bottom:10px;transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-moz-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-ms-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-o-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;-webkit-transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;}

.p-item .pthumb img {transition:all ease-in-out 1s;-moz-transition:all ease-in-out 1s;-ms-transition:all ease-in-out 1s;-o-transition:all ease-in-out 1s;-webkit-transition:all ease-in-out 1s;position:relative;z-index:8;float:left;}
.p-item .pthumb:hover img {transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}

.p-item .pthumb:hover .single-gallery img {transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;}

.p-item .port-meta {width:100%;height:100%;padding:10px;border-top:none;text-align:center;border-radius:0 0 3px 3px;display:block;position:relative;background:#FFF;}
.p-item .port-meta .triangle {position:absolute;top:-10px;left:50%;margin-left:-5px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid white;z-index:99;} 
.p-item .port-meta h3 {margin:0;display:block;padding:5px 0;line-height:20px;font-size:18px;} 
.p-item .port-meta .cat {padding:5px 0;display:inline-block;}
.p-item .port-meta p {display:block;} 
/* Details */
.portfolio-single-content {}
.port-images {} 

.pro-title-bar {border-bottom:1px solid #e4e4e4;padding:0 0 20px 0;margin-bottom:40px;}
.pro-title-bar h3 {float:left;line-height:40px;margin-bottom:0;}
.pro-title-bar h3 img {border-radius:3px;width:40px;height:40px;margin-right:15px;float:left;} 
.pro-title-bar ul,.pro-title-bar ul li {float:right;}
.pro-title-bar ul li a {display:inline-block;text-align:center;line-height:42px;width:45px;height:45px;border-radius:3px;border:1px solid #f5f5f5;background:#f9f9f9;margin-left:5px;font-size:20px;} 

.portfolio-single .action-group {margin-top:20px;text-align:left;}
.portfolio-single-content .share {padding:20px;border:1px solid #f5f5f5;background:#f9f9f9;margin:0 0 20px 0;border-radius:3px;}
.portfolio-single-content .share .socials {float:left;}
.portfolio-single-content .share .like-button {float:right;margin:5px 0;}
.portfolio-single-content .share .like-button a:hover,.portfolio-single-content .share .like-button a:focus {color:#f0487b} 
.portfolio-single-content .desc {margin-bottom:40px;}
.related-projects {margin:20px 0;} 
.related-projects .text-heading.large-head {margin-bottom:0;} 
.related-projects .s1-item {height:auto;border:none;}
/* Grid Style */
.port-grid {border-top:1px solid #e4e4e4;}
.port-grid .port-item {border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;padding:20px;}
.port-grid .port-item:last-child,.port-4col .port-grid .port-item:nth-child(4n),.port-5col .port-grid .port-item:nth-child(5n),.port-3col .port-grid .port-item:nth-child(3n) {border-right:1px solid #e4e4e4;} 
.port-grid .port-item .p-item .port-meta {border:none;padding:10px 10px 0 0 ;}
.port-grid .port-item .pthumb {border-radius:0;}
/*mansory portfolio*/
.man-portfolio {width:100%;margin:0 auto;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;}
.man-portfolio.boxed {max-width:1170px;} 
.man-portfolio .item {float:left;width:20%;height:159px;margin:0 2px 4px 0;overflow:hidden;position:relative;}
.man-portfolio .pthumb {border-radius:0;}
.man-portfolio .item-w2 {width:40%;}
.man-portfolio .item-h2 {height:322px;}
.man-portfolio .item-h3 {height:485px;}
.isotope .isotope-item {-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;transition-duration:0.8s;-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;transition-property:transform, opacity;}
/*FILTER*/
#filters {margin:0 auto;margin-bottom:30px;text-align:center;display:block;}
#filters a {border:1px solid #e2e2e2;border-right:none;border-radius:0;margin:0;color:#7D7D7D;font-size:12px;font-weight:300;padding:15px 20px;transition:all 0.3s ease-in-out 0s;display:inline-block;margin-left:-3px;text-transform:capitalize;cursor:pointer;}
#filters a:first-child {border-radius:3px 0 0 3px;}
#filters a:last-child {border-radius:0 3px 3px 0;border-right:1px solid #e2e2e2;} 
#filters a.checked {color:#8d84e4;-webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);-moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.1);}
/*=========================================== Slider =================================================*/
.owl-carousel,.flickity {overflow:hidden;}
.owl-carousel img {max-width:100%;}
.owl-pagination {position:relative;margin-top:30px;left:0;display:block;text-align:center;width:100%;}
.owl-page {display:inline-block;padding:4px;position:relative;}
.owl-page.active span {display:block;width:10px;height:10px;margin:0;opacity:1;background:rgba(0,0,0,0.8);}
.owl-page span {display:block;position:relative;width:10px;height:10px;opacity:0.7;z-index:100;background:rgba(0,0,0,0.2);border-radius:50%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.owl-page span:hover {opacity:1;}
.owl-carousel,.slick-slider {cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}
.owl-buttons {position:static;}
.owl-prev,.flex-direction-nav .flex-prev,.flickity-prev-next-button.previous {left:-40px;}
.owl-next,.flex-direction-nav .flex-next,.flickity-prev-next-button.next {right:-40px;}
.flex-direction-nav .flex-prev,.flex-direction-nav .flex-next {opacity:0;}
.owl-prev,.owl-next,.flex-direction-nav a,.flickity-prev-next-button {display:block;position:absolute;top:50%;margin-top:-20px;text-align:center;line-height:40px;z-index:10;width:40px;height:40px;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.flickity-prev-next-button,.flex-direction-nav a {width:30px;height:60px;margin-top:-30px;}
.flickity-prev-next-button.previous {border-radius:0 3px 3px 0;}
.flickity-prev-next-button.next {border-radius:3px 0 0 3px;}
.flex-direction-nav a {background-color:#fff;}
.flex-direction-nav a i {font-size:26px;color:#424242;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.owl-next:before,#flexslider .flex-direction-nav .flex-next:before,.flickity-prev-next-button:before {left:auto;right:0;}
.owl-prev i,.owl-next i,#thumbs a i {position:relative;font-size:40px;color:#424242;}
.light-arrows .owl-prev i,.light-arrows .owl-next i,#flexslider.light-arrows a i {color:#fff;}
.light-arrows .flickity-prev-next-button .arrow {fill:#fff;}
.owl-carousel:hover .owl-next,#flexslider:hover .flex-direction-nav .flex-next {opacity:1;right:10px;}
.owl-carousel:hover .owl-prev,#flexslider:hover .flex-direction-nav .flex-prev {opacity:1;left:10px;}
.flickity-slider-wrap:hover .flickity-prev-next-button.previous {opacity:1;left:0;}
.flickity-slider-wrap:hover .flickity-prev-next-button.next {opacity:1;right:0;}
.flickity-prev-next-button,.flickity-prev-next-button:hover {background-color:rgba(0, 0, 0, 0.5);}
.flickity-prev-next-button:focus {box-shadow:none;}
.flickity-prev-next-button {border-radius:0;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
.flickity-prev-next-button .arrow {fill:#fff;}
.flickity-page-dots {position:relative;bottom:auto;margin-top:50px;}
.flickity-page-dots .dot,.flex-control-paging li a {height:12px;width:12px;opacity:0.5;margin:0 5px;border:2px solid #fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border-radius:50%;background:transparent;}
.flickity-page-dots .dot:hover {opacity:1;}
.flickity-page-dots .dot.is-selected {opacity:1;background:#333;border-color:transparent;}
.flex-control-nav {bottom:15px;}
.flex-control-nav li {margin:0;}
.is-dragging {pointer-events:none;}
.flickity-slider-wrap {overflow:hidden;}
.flickity-slider-wrap.dots-inside .flickity-page-dots {position:absolute;bottom:20px;margin-top:0;}
.flickity-slider-wrap.dark-dots .flickity-page-dots .dot,.owl-dark-dots .owl-page span {border-color:#6c6c6c;}
.flickity-slider-wrap.dark-dots .flickity-page-dots .dot.is-selected,.owl-dark-dots .owl-page.active span {border-color:transparent;}
.owl-white-dots .owl-page.active span {background-color:#fff;}
.owl-carousel.dots-inside .owl-pagination {position:absolute;bottom:20px;margin-top:0;}
.owl-custom-arrows {text-align:center;}
.owl-custom-arrows .prev,.owl-custom-arrows .next {display:inline-block;background-color:#fff;cursor:pointer;height:47px;width:75px;line-height:47px;font-size:22px;text-align:center;color:#424242;border:1px solid #edf2f4;border-radius:3px;}
.owl-custom-arrows .prev:hover,.owl-custom-arrows .next:hover {color:#333;}
.slider-gutter-14 {margin-left:-7px;margin-right:-7px;}
.slider-gutter-14 .work-item {padding:0 7px;}
/*============================================ WIDGETS ============================================================ */
/*title */
.widget {margin-bottom:40px;position:relative;}
.widget .widget-title {position:relative;font-weight:400;font-size:16px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;}
.widget .widget-title:after {position:absolute;content:'';width:40px;height:1px;left:0;bottom:-15px;}
.widget .widget-title:before {position:absolute;content:'';background:rgba(0, 0, 0, .2);width:100%;height:1px;left:0;bottom:-15px;} 

.widget_search {position:relative;}
.widget_search input#s {border:2px solid #e4e4e4;border-radius:0;width:100%;background:url(../img/search.png) top right no-repeat;top:0;left:0;background-position:95% 10px;}
.widget_search input#s:focus {border-color:#e0e0e0;}

.widget_posts_lists {}
.widget_posts_lists ul li a.thumb {float:left;padding:0;}
.widget_posts_lists ul li .post-list-info {margin-bottom:0;}  
.widget_posts_lists ul li .post-list-info a {padding:0;}
.widget_posts_lists ul li .post-list-info span.liked {position:relative;padding-left:16px;}
.widget_posts_lists ul li .post-list-info span.liked:after {position:absolute;content:'\f004';font-family:fontAwesome;left:0;top:-1px;color:#F0487B;font-size:11px;} 

.widget .lt_more{position:absolute;top:0;right:0;}

.widget_txt {}
.widget_txt ul {width:100%;overflow:hidden;}
.widget_txt ul li  {margin:-1px 0 0;position:relative;}
.widget_txt ul li:before{content:'ㆍ'; vertical-align:top}
.widget_txt ul li a {display:inline-block;max-width:75%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.widget_txt ul li:first-child{margin-top:0}
.widget_txt ul li em{position:absolute;right:0;opacity:.8;top:-1px;}

.widget_gallery {}
.widget_gallery ul {margin:0 0 -3% -3%;overflow:hidden;}
.widget_gallery ul li  {float:left;overflow:hidden;width:30.33%;margin:0 0 3% 3%;text-align:center;}
.widget_gallery ul li img {max-width:100%;max-height:100%;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;}
.widget_gallery ul li a {position:relative;display:inline-block;width:100%;height:100%;overflow:hidden;}
.widget_gallery ul li a:before,.widget_gallery ul li a:after {position:absolute;transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;-webkit-transition:all ease-in-out .3s;}
.widget_gallery ul li a:before {background:rgba(0,0,0,.7);top:0;left:0;content:'';opacity:0;width:100%;height:100%;} 
.widget_gallery ul li a:after {content:"\f002";font-family:FontAwesome;color:#FFF;width:32px;height:32px;top:-30%;left:50%;text-align:center;line-height:32px;background:rgba(0,0,0,.5);border-radius:50%;margin:-16px 0 0 -16px;font-size:14px;} 
.widget_gallery ul li:hover img {margin-top:100%;}
.widget_gallery ul li:hover a:before {opacity:0;}
.widget_gallery ul li:hover a:after {top:50%;}

/* ===== Heading title ====== */
.text-heading {width:100%;position:relative;margin:30px 0;}
.text-heading.white * {color:#fff;}
.text-heading.bold h1 {text-transform:uppercase;font-weight:700;font-size:30px;letter-spacing:2px;}  
.text-heading:before {content:'';height:1px;width:100%;background-color:rgba(145,145,145,.5);position:absolute;top:12px;}
.text-heading:after,.text-heading h3:after {content:'';width:7px;height:7px;border-radius:50%;background:#FFF;border:1px solid rgba(0,0,0,0.1);top:9px;right:0;left:auto;position:absolute;} 
.text-heading h3 {position:relative;display:inline-block;padding:0 20px 0 0;font-size:20px;font-weight:300; background:#fff;}
.text-heading span {max-width:50%;margin:20px auto;} 
.text-heading p.title{font-size:1.1em}

.text-heading.none:before,.text-heading.none:after,.text-heading.none h3:after{display:none;}
/* Line */
.text-heading.line {margin:30px 0 20px;}
.text-heading.line h3,.text-heading.line h3:after {background:none;border:none; padding-right:0}
.text-heading.line:before {top:130%;bottom:0;}
.text-heading.line:after {border:none;border-radius:0;width:50px;height:1px;left:0;right:auto;top:130%;bottom:0;}
/* Double */
.text-heading.double {}
.text-heading.double h3:after,.text-heading.double:after {background:none;border:none;}
.text-heading.double:before {border:1px solid #d9d9d9;height:8px;border-right:none;background:none;top:8px;} 
/* Pattern */
.text-heading.pattern {margin-bottom:20px;}
.text-heading.pattern h3{background:#fff}
.text-heading.pattern h3:after,.text-heading.pattern:after {background:none;border:none;}
.text-heading.pattern:before {top:9px;height:6px;background:transparent url(../webis/img/title-pattern.png);}
/* Bold */
.text-heading.bold h1 {text-transform:uppercase;font-weight:700;line-height:40px;}
.text-heading.bold h3{font-weight:700;}
.text-heading.bold.large-head:before {top:60px;} 
.text-heading.bold.large-head2:before {top:75px;}
.text-heading.bold.large-head:after {top:59px;} 
/* Large */
.text-heading.large-head {text-align:center;margin-bottom:30px;}
.text-heading.large-head span {padding-top:10px;display:block;font-size:14px;line-height:24px;} 
.text-heading.large-head:before,.text-heading.large-head2:before  {width:160px;left:50%;margin-left:-80px;top:44px;} 
.text-heading.large-head:after {width:60px;left:50%;margin-left:-30px;top:43px;height:3px;border:none;border-radius:0;}
.text-heading.large-head h1{text-transform:capitalize;}
/* Large2 */
.text-heading.large-head2 {margin-bottom:40px;text-align:center;}
.text-heading.large-head2:before {top:75px;}
.text-heading.large-head2:after {border:none;background:none;} 
.text-heading.large-head2 h1 {position:relative;text-transform:capitalize}
.text-heading.large-head2 h1:after,.text-heading.large-head2 h1:before {content:'';width:7px;height:7px;border-radius:50%;background:#FFF;border:1px solid #d9d9d9;top:72px;left:50%;margin-left:-80px;position:absolute;} 
.text-heading.large-head2 h1:before {left:auto;right:50%;margin-right:-80px;} 
/* Large3 */
.text-heading.large-head3 {text-align:center;margin-bottom:30px;}
.text-heading.large-head3 span {padding-top:10px;display:block;font-size:14px;line-height:24px;} 
.text-heading.large-head3:before,.text-heading.large-head3:after  {display:none;} 
.text-heading.large-head h1{text-transform:capitalize;}
/* Large Left */ 
.text-heading.large-head.left {text-align:left;}
.text-heading.large-head.left span {margin-left:0;} 
.text-heading.large-head.left:before,.text-heading.large-head.left:after  {left:0;margin-left:0;} 
/* Large right */ 
.text-heading.large-head.right {text-align:right;}
.text-heading.large-head.right span {margin-right:0;}  
.text-heading.large-head.right:before,.text-heading.large-head.right:after  {right:0;left:auto;margin:0;}

#container{margin:0;padding:20px 0;float:none;width:auto;background:#fff}

#ctt_con img{ max-width:none !important}
/*============= HEADER ===============*/
header {width:100%;height:auto;position:relative;z-index:41;display:block;}
.inner {width:100%;margin:0px auto;position:relative;}
.inner:after,.inner:before{display:block;clear:both;}


.topbar {font-size:0.83em;}
.topbar *{font-family:'Roboto', 'Crete Round','Malgun Gothic','Nanum Gothic', sans-serif;}
.topbar > .inner {height:38px;}
.topbar i {margin-right:3px;font-size:14px;opacity:.7;filter:alpha(opacity=70);vertical-align:text-top; font-family:'FontAwesome';}
.topbar .t-left {float:left;line-height:38px;}
.topbar .t-left span {margin-right:15px;}
.topbar .t-left span:first-child i{font-size:17px; vertical-align:-0.1em}
.topbar .t-right {float:right;text-align:right;margin-right:-15px} 

.topbar .nav {float:right;}
.topbar .nav li {float:left;position:relative;}
.topbar .nav > li > a {padding:0px 10px;line-height:38px;background:none;height:38px}
.topbar .nav li .dropdown-menu {min-width:130px;box-shadow:none;border-radius:0 0 4px 4px;border-top:none;margin:0;}
.topbar .nav li .dropdown-menu > li {width:100%;text-align:left;border-bottom:1px solid;}
.topbar .nav li .dropdown-menu > li:last-child {border-bottom:none;}
.topbar .nav li .dropdown-menu a {font-size:12px;font-weight:300;font-size:12px;display:block;padding:6px 10px;width:100%;} 
.topbar .nav li .dropdown-menu a:before {font-family:FontAwesome;content:"\f105";margin-right:5px;}
.topbar .nav li .dropdown-menu a:hover {padding-left:15px;opacity:1;filter:alpha(opacity=100);}

.nav-container {z-index:42;position:relative;margin:0px auto;padding:0px;width:100%;border:solid #ececec;border-width:1px 0;box-shadow:0 3px 2px 0 rgba(0,0,0,.03);min-height:67px;}
.nav-container:after,.nav-container:before{display:block;clear:both;height:0;line-height:0;overflow:hidden;}
.sticky {position:fixed;top:0;left:0;margin-top:-1px;animation:thedrop 1s 1;-moz-animation:thedrop 1s 1;-webkit-animation:thedrop 1s 1;}
.nav-container > .inner {height:65px;}

header .logo {float:left;height:100%;margin:0 0 0 15px;vertical-align:middle;text-align:left;}
header .logo img {width:100%;height:auto;vertical-align:middle;}

header .main-menu{float:right;text-align:center;}

.btn{border-radius:0; height:36px !important; line-height:36px !important; box-shadow:none; padding:0;font-size:0.95em}
.btn:hover,.btn_submit:hover{box-shadow:none !important;background-image:url(../img/bk10.png);background-repeat:repeat;}
.btn01:hover,.btn02:hover,.btn_submit:hover,.btn_b01:hover,.btn_b02:hover,.btn_admin:hover,.btn_cancel:hover,.btn_frmline:hover{color:#fff !important;}
.btn_b03:hover,.btn_b04:hover{color:inherit !important;}
.btn_admin{padding:0 5px}