/* THEME STYLES  */
body {margin: 0 auto;background-image: none; background-color: #ccc; color: #7A7A7A; line-height: 24px;  font-size: 14px;
	font-family: 'Raleway', sans-serif;
/*font-family: "Titillium Web", Tahoma, Arial;*/}
h1, h2, h3, h4, h5, h6 {
	font-family: "Titillium Web", Helvetica, Tahoma, Arial;
	/*font-family: 'Raleway', sans-serif;*/}
::selection{color:#fff; background:#9eceeb;}
::-moz-selection{color:#fff; background:#9eceeb;} 

.sf-menu ul li {background: #70a6c7;}
.sf-menu li li:first-child {border-top-left-radius: 0; border-top-right-radius: 3px;}
.sf-menu li li:last-child {border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.sf-menu li.current > a {border: 1px solid #9eceeb; background: #9eceeb;}
.sf-menu > li:hover > a, .sf-menu > li > a:hover {border: 1px solid #70a6c7; background: #70a6c7;}
.sf-menu a {display: block; position: relative; color: #505050; text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 10px 8px; margin: 0; border-radius: 3px; border: 1px solid transparent;}
.sf-menu li {float: left; position: relative; margin: 0 0 0 6px; padding: 0;}
.sf-menu ul {position: absolute; top: -999em; width: 172px;}
.sf-menu a.sf-with-ul {padding-right: 20px;min-width: 1px;}
.sf-menu i {margin-right: 6px;}
.sf-menu ul li:hover, .sf-menu li li.current {background: #9eceeb;}
.sf-menu .mega li li:hover, .sf-menu .mega li li.current {background: #9eceeb;}
.sf-menu li li a {font-size: 12px; font-weight: 600; margin-bottom: 0px;}

.sfHover:hover > a { border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
a > .sf-sub-indicator {position: absolute; right: 0%; top: 10px; font-size: 8px;}
.intro_p .tbutton {background: rgba(157, 203, 233, 0.6); border-radius: 3px;}
.intro_p .tbutton:hover {background: #DADADA;background: rgba(255, 255, 255, 0.3);border-color: #fff;color: #86afc8;}
.slidebutton {background: rgba(157, 203, 233, 0.6);border-color: #fff;color: #fff; display: inline-block !important;}
.slidebutton:hover {background: #DADADA;background: rgba(255, 255, 255, 0.3);border-color: #fff;color: #fff;}
.services .s_icon {width: 120px; margin: 0px auto 18px;}
.s_info h3, .s_info h4 {font-weight: normal; -webkit-transition: all 0.2s ease;	transition: all 0.2s ease;}
.s_info a h3:hover, .s_info a h4:hover {color: #9eceeb;}
.s_info h3 .product_title:hover {}
.services .s_icon span {left: 8px;}
.services .tbutton {border-radius: 3px;}
.portfolio .f_links .tbutton {border-radius: 3px;}
.f_blog .f_hover {background: #9eceeb; background: rgba(158, 206, 235, 0.7);}
.f_portfolio .f_hover, .portfolio .f_hover {background: #9eceeb; background: rgba(60, 79, 90, 0.6);}
.languages:hover > a {border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.other_languages {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.languages a {border-radius: 3px; color:#aeadad;}

.social a {border-radius: 3px; color:#aeadad;}
.social a i {border-radius: 3px; border: 1px solid #aeadad;}
.socialize {width:auto !important; float: left !important; text-align: center !important; margin: 0px 0px 4px 4px !important; height: 32px !important; border-radius: 6px !important; color: #bdbdbd !important; transition: all 0.1s ease 0s !important; border-radius: 3px !important;}
.socialize i {width:32px !important; border-radius: 3px !important; padding: 3px 0px !important; display: block !important; font-size: 18px !important; border: 1px solid #bdbdbd !important; transition: all 0.4s ease 0s !important; position: relative; float: left;}
.socialize i:hover {background: none repeat scroll 0% 0% #00ABDC !important; color: #FFF !important; border-color: #FFF !important;}
.sociallink {position: relative; float: left; margin-left: 6px !important; margin-bottom: 0px !important;}
.sociallink:hover {color: #717171;}

#header .search input {border-radius: 3px; width: 200px;}
#footer > .pad_foot > .grid_4 > .mb {margin-top: 7px;}
#footer > .pad_foot > .grid_4 > .widget-content p {font-size: 13px; line-height: 19px; font-weight: 400;}
#footer .col-title {margin: 25px 0px 30px; font-weight: 400;}
.foot-menu li a { font-weight: 400; font-size: 12px;}

.s_form {border-radius: 3px;}
.f_portfolio .intro_content {background: #2c3337;}
.tbutton {border-radius: 3px;}
.block_title {font-weight: normal;}
.ls-layer, .ls-layer * {font-family: "Titillium Web", Helvetica, Tahoma, Arial !important;}
.sticky .logo {margin-top: 7px !important;}
.filterable li a, .load_more_portfolio a {padding: 6px 16px; font-size: 13px; color: #999;  border-radius: 0px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #999999; z-index: 10; transition: all 0.2s ease 0s;cursor: pointer;}
.filterable li.current a, .filterable li a:hover, .load_more_portfolio a:hover {border-color: #9ECEEB; color: #000; background: none;}
.tabs-content p {margin-bottom: 15px;}
.after_line-qs {position: relative;	display: block;	width: 40%;	height: 1px; background: #ECECEC; content: close-quote;	margin: 10px auto 30px auto;}
.after_line-md {position: relative;	display: block;	width: 80%;	height: 1px; background: #ECECEC; content: close-quote;	margin: 10px auto 30px auto;}
.block_title-qs {font-size: 24px; font-weight: normal; margin: 0 0 10px 0; line-height: 27px;}
.s_info p {font-size: 12px; line-height: 18px; margin-bottom: 20px; margin-top: 20px; min-height: 150px;}
.admin-sistems p {font-size: 13px; line-height: 18px; margin-bottom: 20px; margin-top: 20px;}
.admin-sistems h3, .admin-sistems h4, .admin-sistems h5 {font-weight: normal;}
.admin-sistems > .cube-line > ul li {font-size: 12px;}
.home_info_h p {font-size: 12px; line-height: 19px; margin-bottom: 20px; margin-top: 20px; min-height: 155px; padding-left: 25px; padding-right: 25px;}
.home_info p {font-size: 13px; line-height: 18px; margin-bottom: 20px; margin-top: 20px; min-height: 135px; padding-left: 25px; padding-right: 25px;}
.prod_info p {font-size: 13px; line-height: 18px; margin-bottom: 20px; margin-top: 20px; min-height: 100px; padding-left: 30px; padding-right: 30px;}
.h_prod_info p {font-size: 12px; line-height: 19px; margin-bottom: 20px; margin-top: 20px; min-height: 145px; padding-left: 30px; padding-right: 30px;}
.dw_info p {font-size: 14px; line-height: 19px; margin-bottom: 20px; margin-top: 20px; min-height: 75px; padding-left: 22px; padding-right: 22px;}
.dw_info h3 {font-size: 18px;}
.dw_info_h3 {min-height: 40px;}
.black-class {color:#000;}
.grey-class {color: #4f565e;}
.bold-600 {font-weight: 600;}
.orange {color: #ea5a28;}
.green {color: #92c500;}
strong { font-weight: 600;}
.sociallink a:hover {color: #000;}
.marg-top-35 {margin-top: 35px;}
.font-15 {font-size: 15px;}

#track_input, #contactForm #senderName, #contactForm #senderEmail {border-radius: 0px;}
#contactForm #message {border-radius: 0px; padding: 10px 10px;}
#contactForm #sendMessage, #sendOrder {padding: 6px 16px; font-size: 13px; color: #999;  border-radius: 0px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #999999; z-index: 10; transition: all 0.2s ease 0s;cursor: pointer;}
#contactForm #sendMessage:hover, #sendOrder:hover {border-color: #9ECEEB; color: #000; background: none;}

.product_title {font-weight: normal; font-size: 16px;}
.own_products {text-align: center}
.own_products [class^="grid_"] {position: relative;}
.own_products [class^="grid_"]:before {width: 1px;background: transparent;height: 82%;position: absolute;left: -12px;top: 0;content: close-quote;}
.own_products [class^="grid_"]:first-child:before {content: initial;}
.own_products .s_icon {position: relative;color: #898989;width: 120px; margin: 0px auto 18px;}
.own_products .s_icon i {font-size: 80px;}
.own_products .s_icon span {left: 8px;text-align: center;position: absolute;bottom: 0;background: #898989;padding: 4px 0;color: #FFF;width: 35px;height: 35px;border-radius: 100%;border: 2px solid #FFF;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.own_products [class^="grid_"]:hover .s_icon i {color: #9eceeb;}
.own_products [class^="grid_"]:hover .s_icon span {background: #9eceeb;bottom: 64px;left: 64px;}
.own_products .tbutton {border-radius: 3px;background: none;background-image: none;text-shadow: none;border: 1px solid #C4C4C4;color: #7C7C7C;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.own_products [class^="grid_"]:hover .tbutton {}
.own_products [class^="grid_"]:hover .tbutton:hover {background: #9eceeb;border: 1px solid #9eceeb;color: #fff;}
.own_products .tbutton span {background: none;background-image: none;}
.own_products .tbutton.small span {padding: 0 16px;line-height: 2.6em;}

.tbutton:hover {background: #9eceeb!important;border: 1px solid #9eceeb !important;color: #fff !important;}
.tbutton-goto:hover {background: none !important;border-color: #9eceeb !important;color: #9eceeb !important;}
.tbutton-connect:hover {background: #fff !important;border-color: #9eceeb !important;color: #9eceeb !important;}

.font-w6 {font-weight: 600;}
.font-w4 {font-weight: 400;}
.font-wnrml {font-weight: normal;}
.font-lh27 {line-height: 27px;}
.f-15 p {font-size: 14px;}
.font-18 {font-size: 18px !important;}
.font-17 {font-size: 17px !important;}
.img-centerer { margin: 0 auto;}
.min-height-img {min-height: 280px;}
.list-aboutus { margin-top: 15px; margin-bottom: 15px;}
.list-aboutus li {margin-left:20px; padding-left:10px; display: block; border-bottom: 1px solid #E6E6E6; padding-bottom: 5px; line-height: 15px; margin-bottom: 12px; font-size: 14px;position: relative; transition: all 0.2s ease 0s; }
.list-dw { margin-top: 5px; margin-bottom: 20px;}
.list-dw li {margin-left:20px; padding-left:10px; display: block; border-bottom: 1px solid #E6E6E6; padding-bottom: 5px; line-height: 15px; margin-bottom: 10px; font-size: 12px; position: relative; transition: all 0.2s ease 0s; }
.no-margbot {margin-bottom: 10px;}
.padleft-20 {padding-left: 20px;}
.txt-centerer {text-align: center;}
.line {border-bottom: 1px solid #E6E6E6;}
.list-project { margin-top: 15px; margin-bottom: 15px;}
.list-project li {margin-left:20px; padding-left:10px; display: block; padding-bottom: 5px; line-height: 15px; margin-bottom: 5px; font-size: 14px;position: relative; transition: all 0.2s ease 0s; }
.p-mgbt > p { margin-bottom: 12px !important; line-height: 21px;}
.p-mgbtt > p { margin-bottom: 16px !important; line-height: 21px;}
.pp_nav p {margin-bottom: 2px; margin-left: 10px; margin-right: 12px; margin-top: -3px;}
.pp_top, .pp_bottom, .pp_content_container {background-color: rgba(60, 79, 90, 0.7);}
.pp_social, .pp_gallery, .pp_nav {display: none !important;}
.mgleft-5 {margin-left: 5px;}
.paddingtop {padding-top: 3px;}

div.dark_rounded .pp_nav .pp_play {background-position: -1px -101px;}
div.dark_rounded .pp_bottom .pp_left{background:none;}
div.dark_rounded .pp_bottom .pp_right{background:none;}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background: none;}
div.dark_rounded .pp_top .pp_left{background:none;}
div.dark_rounded .pp_top .pp_right{background:none;}
div.dark_rounded .pp_content_container .pp_left{background:none;}
div.dark_rounded .pp_content_container .pp_right{background:none;}
div.dark_rounded .pp_previous:hover {background-color: rgba(60, 79, 90, 0.3); width: 13%;} 
div.dark_rounded .pp_next:hover {background-color: rgba(60, 79, 90, 0.3); width: 13%;}
div.dark_rounded .pp_previous {width: 13%;} 
div.dark_rounded .pp_next {width: 13%;}

.breadcrumb-place {background-color: #628093;}
.bc-qs {background: url(/images/assets/breadcrumb/bc_qs.jpg); 			background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-dw {background: url(/images/assets/breadcrumb/bc_dw.jpg); 			background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-dw-dw {background: url(/images/assets/breadcrumb/bc_dw_dw.jpg);		background-position: center bottom;	background-size: 100% auto;	background-repeat: no-repeat; background-color: #628093;}
.bc-dw-aw {background: url(/images/assets/breadcrumb/bc_dw_aw.jpg);		background-position: center bottom;	background-size: 100% auto;	background-repeat: no-repeat; background-color: #628093;}
.bc-dw-pe {background: url(/images/assets/breadcrumb/bc_dw_pe.jpg);		background-position: center bottom;	background-size: 100% auto;	background-repeat: no-repeat; background-color: #628093;}
.bc-dw-cn {background: url(/images/assets/breadcrumb/bc_dw_cn.jpg);		background-position: center bottom;	background-size: 100% auto;	background-repeat: no-repeat; background-color: #628093;}
.bc-dw-drw {background: url(/images/assets/breadcrumb/bc_dw_drw.jpg); 	background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-dw-ce {background: url(/images/assets/breadcrumb/bc_dw_ce.jpg);		background-position: center bottom;	background-size: 100% auto;	background-repeat: no-repeat; background-color: #628093;}
.bc-os {background: url(/images/assets/breadcrumb/bc_os.jpg); 			background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-os-m {background: url(/images/assets/breadcrumb/bc_os_m.jpg); 		background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-os-seo {background: url(/images/assets/breadcrumb/bc_os_seo.jpg); 	background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-os-c {background: url(/images/assets/breadcrumb/bc_os_c.jpg); 		background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-os-s {background: url(/images/assets/breadcrumb/bc_os_s.jpg); 		background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-os-h {background: url(/images/assets/breadcrumb/bc_os_h.jpg); 		background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-os-n {background: url(/images/assets/breadcrumb/bc_os_n.jpg); 		background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; background-color: #628093;}
.bc-pp {background: url(/images/assets/breadcrumb/bc_pp3.jpg);			background-position: center bottom;	background-size: 100% auto;	background-repeat: no-repeat; background-color: #628093;}
.bc-ct {background: url(/images/assets/breadcrumb/bc_ct.jpg);			background-position: center bottom;	background-size: 100% auto;	background-repeat: no-repeat; background-color: #628093;}
.bc-pr {background: url(/images/assets/breadcrumb/bc_pr.jpg);			background-position: center bottom;	background-size: 100% auto;	background-repeat: no-repeat; background-color: #628093;}

.projectslider li img, .img-slider-project, .project_preview  {border-radius: 0px !important;}
.project_links i {border-radius: 3px;}
.projectslider .flex-direction-nav a i {color: #ffffff; font-size: 40px; top: 50%; position: absolute; margin-top: -20px;left: 14px;}
.projectslider .flex-direction-nav a:hover {color: #ffffff !important;}
.projectslider .flex-direction-nav:hover {color: #ffffff !important;}
.projectslider .flex-direction-nav a {padding: 0px; background: none repeat scroll 0% 0% rgba(60, 79, 90, 0.3); border-radius: 0px; top: 0px; margin-left: 0px; width: 10%; height: 100%; margin: 0;}
.projectslider .flex-direction-nav a:hover { background-color: rgba(60, 79, 90, 0.3) !important; color: #fff !important;}
.flexslider:hover .flex-next {opacity: 0.8;right: 0px;}
.flexslider:hover .flex-prev {left: 0px;}
.f_portfolio .nexte, .f_portfolio .preve {border-radius: 3px;}
.portfolio li { padding: 5px; border: 1px solid #dfdfdf; background: #dfdfdf;}

.cube ul {margin: 15px 0px 10px 0px; list-style-type: none; }
.cube ul li {margin:0 0 3px 20px; padding: 0px 0px 0px 22px; font-size: 14px; background: url(/images/assets/cubo_li.png) no-repeat center; background-position: 0px 4px; transition: all 0.2s ease 0s; }
.cube-line ul {margin: 10px 0px 15px 0px; list-style-type: none; }
.cube-line ul li {margin:0 0 6px 20px; padding: 0px 0px 0px 24px; font-size: 14px; border-bottom: 1px solid #E6E6E6; background: url(/images/assets/cubo_li.png) no-repeat center; background-position: 0px 4px; transition: all 0.2s ease 0s; }

.accordion-head-sign {padding: 10px 16px 9px 16px;}
.text_block_os { background: #F7F7FA; padding: 0px 30px; }
.logos-home-ul li {margin-bottom: 30px;}

.title-slider-1 {font-family: "Titillium Web", Helvetica, Tahoma, Arial; font-size: 29px; color: #fff; width: 50% !important; height: auto !important; white-space: normal !important; line-height: 36px !important; font-weight: 300 !important; }
.title-slider-2 {font-family: "Titillium Web", Helvetica, Tahoma, Arial; font-size: 17px; color: #fff; width: 45% !important; height: auto !important; white-space: normal !important; line-height: 25px !important; font-weight: 300 !important; }
.title-slider-3 {font-family: "Titillium Web", Helvetica, Tahoma, Arial; font-size: 32px; color: #fff; width: 50% !important; height: auto !important; white-space: normal !important; line-height: 36px !important; font-weight: 300 !important; }
.title-slider-4 {font-family: "Titillium Web", Helvetica, Tahoma, Arial; font-size: 19px !important; color: #fff; width: 40% !important; height: auto !important; white-space: normal !important; line-height: 26px !important; font-weight: 300 !important; }
.ls-s1 {display: none;}
.slider4 .title-slider-3 {width: 30% !important;}
.slider-button span {padding: 4px 18px 7px !important; line-height: 25px !important;}
.txt-right {text-align: right !important;}
.txt-center {text-align: center !important;}
.intro_p h2 small {font-size: 15px !important;}
.intro_p h2 {font-weight: 300 !important;}
/*.intro_p {background: #3c4a55 !important;}*/
.intro_p { background: transparent url(/images/assets/transparent_dark.png) repeat;}
.headdown {border-bottom: none;}

.msgcookie {display:block;position:fixed;bottom:0;height:auto; padding-bottom:10px;width:100%;background:rgba(0,0,0,0.8);color:#fff;font-size:11px;font-family:sans-serif; z-index: 99999999999999;}
.msgcookie p {width:80%;margin:0 auto;background:url(/images/assets/cookie_warning.png) 8px -2px no-repeat;padding:10px 0 0 30px; font-size: 13px; line-height: 16px; font-family: "Raleway",sans-serif; text-align: left;}
.cookies-link {color: #ccc !important; text-decoration: none;}
.cookies-link:hover {color:#f2f2f2 !important; text-decoration: underline !important;}
.msgcookie a.close {float:right;display:block;width:16px;height:35px;background:url(/images/assets/cookie.png) 0 -51px no-repeat;overflow:hidden;text-indent:-8000px;opacity:0.5;margin:0 0 0 10px;}
a.close:hover {opacity:1;}
.msgcookie .infolink {font-weight: 500; color: #e0e0e0;}
.msgcookie .infolink:hover {text-decoration: underline;}

#header > .head_up > .row > .l_ht {font-family: "Titillium Web",Helvetica,Tahoma,Arial;}
.tooltip-2mdc {/*font-family: "Titillium Web",Helvetica,Tahoma,Arial; font-size: 18px;*/}
.toptip[title] {font-family: "Titillium Web",Helvetica,Tahoma,Arial; font-size: 18px;}
.blue-txt {color: #15bcd3;}
.mt-short { margin-top: 10px !important }
.equalizer-two p {min-height: 0px !important;}
.equalizer-width {max-width: 400px;}
.projectslider {padding: 5px; border: 1px solid #DFDFDF; background: none repeat scroll 0% 0% #DFDFDF;}

.tipsy-inner {color: #fff !important; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 400;}
.contact_c > .equalizer-width > ul > li > strong {font-family: "Titillium Web", Helvetica, Tahoma, Arial;}
.titilium {font-family: "Titillium Web", Helvetica, Tahoma, Arial;}

.notification-box-success { color: #1a72bc; border-bottom: 1px solid #1a72bc; border-top: none; border-left: none; border-right: none; border-radius: 0; padding-bottom: 5px;}
.notification-box-warning {	color: #a7bc1a; border-bottom: 1px solid #a7bc1a; border-top: none; border-left: none; border-right: none; border-radius: 0; padding-bottom: 5px;}
.notification-box-error { color: #bc1a1a; border-bottom: 1px solid #bc1a1a; border-top: none; border-left: none; border-right: none; border-radius: 0; padding-bottom: 5px;}
.notification-box-info { color: #1a72bc; border-bottom: 1px solid #1a72bc; border-top: none; border-left: none; border-right: none; border-radius: 0; padding-bottom: 5px;}

.mg-contact {margin-bottom: 30px;}
#slider-bg {background: #262626 url(/images/slides/blue_bg.jpg) repeat-x 50% center; position: relative; background-size: 100% auto;}
.slider-txt-holder {margin: 40px 20px 20px;}
.slider-txt-p {width: 100%; font-weight: normal; font-size: 17px; line-height: 21px;}
.flex-direction-nav a {width: 58px; height: 43px; margin: -20px 0px 0px; display: block; background-color: transparent; padding: 8px; position: absolute; top: 50%; cursor: pointer; border-radius: 0; background: url(/images/slides/bg_direction_nav.png); transition: all 0.4s ease;}
.flex-direction-nav a:hover {opacity: 0.6 !important;}
ol.flex-control-nav {display: none;}
.image-text-slider {padding-top: 15px; min-height: 308px; padding-bottom: 15px;}
.slide-button {border-radius: 3px; background: none; background-image: none; text-shadow: none; border: 1px solid #C4C4C4; color: #7C7C7C; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;} 
.flexslider .slides img {width: auto; margin: 0 auto;}

/*use suitable height spacer for vertical spacing*/
.spacer-10px, .spacer-20px, .spacer-30px {
	width: 100%;
	height: 10px;
	display: block;
	clear: both;
}
.spacer-20px {
	height: 20px !important;
}
.spacer-30px {
	height: 30px !important;
}

.spacer-0px {
	margin-bottom: 0px !important;
}