﻿/*

-----------------------------------------------------------------------------------

        Theme Name: maktab

        Description:Flexible and responsive Business Theme by One Touch Theme

        Theme URI: http://ott.yasrab.com/

        Author: One Touch Theme

        Author URI: http://ott.yasrab.com/

        Version: 1.091

        License:

        License URI:

        Tags:one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-menu, featured-image-header, featured-images, post-formats, sticky-post, theme-options, translation-ready

*/



/* Styling Main */



/* ------------ BASE ------------- */

/* CSS Document */









::selection {    background: #E12E36;    color: #ffffff;}

::-moz-selection {    background: #E12E36;    color: #ffffff;}

img.scale-with-grid {    max-width: 100%;    height: auto;}

ul {    margin: 0;    list-style: none;}

li{    line-height: 1.9;}

p {    margin-bottom: 20px;}

iframe, embed, img {    max-width: 100%;    border: none;}    

a:hover {    text-decoration: none;}



/* Typography */



h1,h2,h3,h4,h5,h6 {    margin: 0 0 10px 0;    padding: 0;    color: #2f2f2f;    font-weight: bold;    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {    font-weight: inherit;}h1 {    font-size: 28px;    line-height: 1.6;}h2 {    font-size: 22px;    line-height: 1.6;}h3 {    font-size: 18px;    line-height: 1.6;}h4 {    font-size: 16px;    line-height: 1.6;}h5 {    font-size: 14px;    line-height: 1.6;}h6 {    font-size: 12px;    line-height: 1.6;}

.highlight {     color: #E12E36;}

p {    -ms-word-wrap: break-word;    word-wrap: break-word;    margin: 0 0 20px 0;}

p img {    margin: 0;}

em {    font-style: italic;}

strong {    font-weight: bold;}

small {    font-size: 80%;}

hr {    clear: both;    margin: 10px 0 30px;    height: 0;    border: solid #ddd;    border-width: 1px 0 0;}

pre {    overflow-x:auto;    margin: 0 0 20px 0;    padding: 10px 20px;    height: auto;    border: 1px solid #e2e2e2;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    background: #f7f7f7;    font-family: Consolas, monospace;}

.hidden {  display: none !important; }

dt{    line-height: 2;}

/*  Links and Form */

a{    outline: 0;    color: #8d8d8d;    text-decoration: none;}

a:hover,a:focus {    outline: 0;    color: #666666;    text-decoration: none;}

a{    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}

.ls-inner a{    -webkit-transition: none;    -moz-transition: none;    -ms-transition: none;    -o-transition: none;    transition: none;}

ul,ol { margin-bottom: 20px; }ul { list-style: none outside; }

ol,ul { margin-left: 15px; }

ol { list-style: decimal; }

ul { list-style: disc outside; }

aside ul,.ott-twitter ul.jtwt{position: relative; margin: 0; list-style: none;}

aside ul ul{margin-top: 15px;}

ul li ul,

ol li ul,

ol li ul,

ol li ol { margin-bottom: 0; }

form,

fieldset { margin-bottom: 20px; }



@-moz-document url-prefix() {     input[type="text"],    input[type="password"],    input[type="email"],    textarea,    select  {    height:42px;    padding: 0 10px ;}}

input[type="text"],input[type="password"],input[type="email"],textarea,select {    display: block;    margin: 0;    margin-bottom: 20px;    padding: 0px 15px;        width: 226px;    outline: none;

    border: 1px solid #f2f2f2;    background: #fff;    color: #8d8d8d;    font-size: 13px;    font-family: "Montserrat",Arial, Helvetica, sans-serif;    box-shadow: none;    -webkit-box-shadow: none;    -moz-box-shadow: none;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px; 		-webkit-transition:all 200ms linear;

		-moz-transition:all 200ms linear;

		-o-transition:all 200ms linear;

	border-bottom:2px #eee solid;

	color:#ddd

}

textarea{	padding: 8px;	}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {    border: 1px solid #d6d6d6;    color: #333;    box-shadow: none;    -webkit-box-shadow: none;    -moz-box-shadow: none; 					box-shadow:0px 0px 5px rgba(100,100,100,0.2);

	-moz-box-shadow:0px 0px 5px rgba(100,100,100,0.2);

	-webkit-box-shadow:0px 0px 5px rgba(100,100,100,0.2);

	border-bottom:2px #E12E36 solid;

	color:#777

}

textarea { min-height: 120px; }

select {    padding: 5px;    width: 220px;    height: 40px;}

label,legend {    display: block;    cursor: pointer;}

label span,legend span { font-weight: bold; }



span.contatc-title{	margin-bottom:10px;	display:block;	}


input {border:1px solid #6D6D6D!important;}
textarea  {border:1px solid #6D6D6D!important;}
.pp_social {display:none; visibility:hidden;}
/* = Row Core

-------------------------------------------------------------- */

.row-container.bordered{       

    border-top: 1px solid #E6E6E6;

    box-shadow: 0 0 6px rgba(0, 0, 0, 0.03) inset;;	position:relative	}

.dark.row-container.bordered{

	border-top: 1px solid #222;

}

.row-container.shadow{		position:relative}

.row-fluid [class*="span"] {min-height:0px;}





/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {    margin: 5px 20px 20px 0;}.aligncenter,div.aligncenter {    display: block;    margin: 5px auto 5px auto;}

.alignright {    float:right;    margin: 5px 0 10px 20px;}.alignleft {    float: left;    margin: 5px 20px 10px 0;}

.aligncenter {    display: block;    margin: 5px auto 5px auto;}a img.alignright {    float: right;    margin: 5px 0 10px 20px;}

a img.alignnone {    margin: 5px 20px 10px 0;}a img.alignleft {    float: left;    margin: 5px 20px 10px 0;}

a img.aligncenter {    display: block;    margin-right: auto;    margin-left: auto;}

.wp-caption {    padding: 5px 3px 10px;    max-width: 96%; /* Image does not overflow the content area */    border: 1px solid #f0f0f0;    background: #fff;    text-align: center;}

.wp-caption.alignnone {    margin: 5px 20px 20px 0;}

.wp-caption.alignleft {    margin: 5px 20px 20px 0;}

.wp-caption.alignright {    margin: 5px 0 20px 20px;}

.wp-caption img {    margin: 0;    padding: 0;    max-width: 98.5%;    width: auto;    height: auto;    border: 0 none;}

.wp-caption p.wp-caption-text {    margin: 0;    padding: 0 4px 5px;    font-size: 11px;    line-height: 17px;}



/* WP Default Gallery */

.gallery {    display: block;    clear: both;    overflow: hidden;    margin: 0 auto;}

.gallery .gallery-row {    display:block;    clear: both;    overflow: hidden;    margin: 0;}

.gallery .gallery-item {    overflow: hidden;    float: left;    text-align: center;    list-style: none;    padding: 0;    border: 1px solid #efefef;    margin: 0 10px 10px 0;}

.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {    max-width: 90%;    height: auto;    margin: 5% auto;}

.gallery-caption {    margin: 0 0 8px;    font-style: italic;    font-family: arial;}





/* = Header

-------------------------------------------------------------- */

#header{    position: relative;	z-index: 101	;	background:#fff	;}

header#header .container{    position: relative;}

.ott-header-wrap{	width:1170px;	margin:0 auto;	position:relative;	}

.ott-header-inner{	width:1170px;	position:absolute;	left:0px;	top:30px;		z-index:3;}

.ott-header-bg{	background:#fff;	position:relative;}



.social_wrapper li{ float:left; list-style:none;width:30px ; height:30px; margin-left:5px;}

.cart_dropdown , .ott-acc-menu-wrap , .langes-menu {margin-bottom:20px;}





.header-right ul.social_wrapper{	margin:0px;	float:right;	height:40px;	position:relative;	padding:0 0 0 5px ; list-style:none; }

.header-right .social_wrapper a{	line-height:30px;	height:30px;	width:30px; text-align:center; background:#fafafa}

.header-right .social_wrapper a i{line-height:30px;	height:30px; font-size:12px;	width:30px; text-align:center; display:block;	    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out; opacity:1}

.header-right .social_wrapper li{	height:30px;	width:30px; float:right; overflow:hidden; border:1px #f2f2f2 solid; border-bottom:2px #eee solid; 	-moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

	    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

	background:#fff;



	}

	

	

#header .social_wrapper li:hover  a i{color:#E12E36}

.header-right .social_wrapper li:hover{border-bottom-color:#E12E36}





#bottom .social_wrapper li{width:20px;}



#bottom .social_wrapper a i{ color:#817A7A}





/* = Logo

-------------------------------------------------------------- */

#header .ott-logo {    position: relative;    font-size: 28px;    line-height: normal;	color:#fff;}

#header .ott-logo .logo{    color: #111;}.menu-container{   position:relative; height:50px;}

.menu-container{

	background: -moz-linear-gradient(

		center top,

		rgba(148, 0, 34, 1) 0%,

		rgba(148, 0, 34, 1) 100%

	);

	background: -webkit-gradient(

		linear,

		center bottom,

		center top,

		from(rgba(169, 0, 39, 1)),

		to(rgba(148, 0, 34, 1))

	);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */

	-moz-user-select: none;

	-webkit-user-select:none;

	-khtml-user-select: none;

	user-select: none;

	background-color:#292929;

	border: 1px #960022 solid;

	border-bottom:2px #84001E solid;	

	height:50px;

	position:relative;

	-webkit-box-shadow: 0 0 5px rgba(1,1,1,.2) , inset 0px 0px 3px rgba(255,255,255,.2);

    -moz-box-shadow: 0 0 5px rgba(1,1,1,.2) , inset 0px 0px 3px rgba(255,255,255,.2);

    box-shadow: 0 0 5px rgba(1,1,1,.2), inset 0px 0px 3px rgba(255,255,255,.2);

	-moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;



	

}



.stucy-menu .ott-menu-container{

		background: -moz-linear-gradient(

		center top,

		rgba(255, 255, 255, .1) 0%,

		rgba(0, 0, 0, .1) 100%

	);

	background: -webkit-gradient(

		linear,

		center bottom,

		center top,

		from(rgba(0, 0, 0, .1)),

		to(rgba(255, 255, 255, .1))

	);

	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */

	-moz-user-select: none;

	-webkit-user-select:none;

	-khtml-user-select: none;

	user-select: none;

	background-color:#292929;

	border: 0px;	

	height:50px;

	position:relative;

	-webkit-box-shadow: 0 0 5px rgba(1,1,1,.2);

    -moz-box-shadow: 0 0 5px rgba(1,1,1,.2);

    box-shadow: 0 0 5px rgba(1,1,1,.2);

	-moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}



.logo-mini {	position:relative;}.logo-mini .ott-logo{	position:absolute;	left:0px;	top:0px;	}

.logo-mini .ott-logo a{	display:block;	}

.logo-mini img{	max-height:40px;	}



/* = Page Title 

-------------------------------------------------------------- 	*/



#page-title {     background: #f2f2f2;	position:relative;}

#page-title {	position:relative;	z-index:2	;	border-top:1px #f2f2f2 solid;	 padding: 0px; z-index:5}



#slider-home , #page-title, .background-flex > .container  {border-bottom:5px #f2f2f2 solid; position:relative}

#slider-home.background-flex:after{

	display:none	;

}

#slider-home.background-flex{

		border-bottom-color: transparent !important

}

#slider-home:after  , #page-title:after, .background-flex > .container:after {

	content:'';

	position:absolute;

	border-left: 7px solid transparent; 

	border-right: 7px solid transparent; 

	border-top: 6px solid #f2f2f2;

    bottom: -11px;

    height: 0;

    left: 50%;

	margin-left:-4px;

    width: 0;

}



.theme-boxed .background-flex > .container{

	width:100%;

}



#bottom:before  {

	content:'';

	position:absolute;

	border-left: 16px solid transparent; 

	border-right: 16px solid transparent; 

	border-top: 16px solid #252525;

    top: -1px;

    height: 0;

    left: 50%;

	margin-left:-8px;

    width: 0;

}





.ott-header-page { padding:105px 0px 25px}

#page-title .pattern {

    height: 100%;

    left: 0;

    position: absolute;

    width: 50%;

    z-index: 0;

}



.withbg#page-title .pattern{

	opacity:.5

}



#page-title .container{z-index:2}



#page-title  .slider_top{	z-index:1}

#page-title h1,#page-title h3 {    float: left;    margin: 0;    color: #777;}

#page-title h1 {    font-size: 35px;    line-height: 35px;	color:#444;	font-weight:500;	text-transform:none;	position:relative}

#page-title .title-wrap{	position:relative;	float:left;		}

#page-title.center .title-wrap{	padding: 120px 0 120px;}

#page-title.centerBottom .title-wrap{	padding: 120px 0 120px;}

#page-title.center .title-wrap:after{	display:none;		text-align:center;}

#page-title.center  .title-wrap{	float:none;	text-align:center;}

#page-title.center  h1, #page-title.center  h3{	float:none;	}

#page-title.center  h3{	background:none !important;}

#page-title.centerBottom  .title-wrap{	float:none;	text-align:center;	margin:0 auto;}

#page-title.centerBottom  h1{	float:none;		display:inline-block;	background:#E12E36;	padding:15px 25px;	    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;}

#page-title.centerBottom  h3{	background:#555;	padding:5px 25px;	margin:0px;	-webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;	margin-top:10px;}

#page-title.centerBottom  h3{	float:none;		display:block;}

#page-title.centerBottom .title-wrap:after{	display:none;	}

#page-title.centerBottom .title-wrap-inner{	display:inline-block;	}



/* = Breadcrump 

-------------------------------------------------------------- */

.ott-breadcrumb{    padding: 0 6px;}

#page-title h3{    clear: left;    letter-spacing: normal;    font-weight: normal;    font-size: 13px;    font-family:"Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;    line-height: normal ;	color:#fff;	}

.ott-breadcrumb,

.woocommerce-breadcrumb	

{background-color: rgba(0, 0, 0, 0.8);  clear: left;    letter-spacing: normal;    font-weight: normal;    font-size: 11px;    font-family:"Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;    line-height: 30px;	position:absolute;	bottom:0px;	right:15px;	 color: #f2f2f2;}





.withbg .ott-breadcrumb,

.withbg .woocommerce-breadcrumb	

{

	background-color: rgba(150, 150, 150, 0.3)

}



#page-title span {    margin: 0 7px;    color: #f2f2f2;}

.woocommerce-breadcrumb{    padding: 0 12px;}

.woocommerce-breadcrumb a{	margin: 0 7px 0 0;    col}

.ott-breadcrumb span a{    color: #eee;}

.woocommerce-breadcrumb a:hover{

	color:#fff

}

.ott-breadcrumb,

.woocommerce-breadcrumb	{

	 color: #f2f2f2;

}



.single  .ott-breadcrumb{

	display:none;	

}



.ott-breadcrumb span a:hover{	color:#fff	}



/* =  Menu 

-------------------------------------------------------------------------------------*/

#header.stuck{    height: auto;    position: fixed;    top: 0;    left: 0;    width: 100%;    background: rgba(255,255,255,.9);    z-index: 10001;       -webkit-box-shadow: 0 0 5px rgba(1,1,1,.2);

    -moz-box-shadow: 0 0 5px rgba(1,1,1,.2);

    box-shadow: 0 0 5px rgba(1,1,1,.2);

 }

#header.stuck .header-bottom{display:none}

#header.stuck .show-mobile-menu {background:none; position:absolute; right:20px ; top:20px;}

#header.stuck  .mobile-menu-icon span {background:#E12E36}



body{

	line-height:1.7	

}



body.admin-bar #header.stuck{    top: 28px;}

#header.stuck .ott-logo{    line-height: 60px;    height: 60px !important;    padding: 0 30px 0 0 !important;}

#header.stuck .ott-logo img{    max-height: 50px;    width: auto !important;}

.sf-menu, .sf-menu * {    margin: 0;    padding: 0;    list-style: none;}

.sf-menu li {    position: relative;}

.sf-menu ul {    position: absolute;    top: 100%;    left: 0;    z-index: 99;    display: none;}

.sf-menu > li {    float: left;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}

.sf-menu li:hover > ul,

.sf-menu li.sfHover > ul {    z-index: 9999;    display: block;}

.sf-menu a {    position: relative;}

.sf-menu ul ul {    top: 0;    left: 100%;}



/* Menu Styling*/

.sf-menu [class^="icon-"],.sf-menu [class*=" icon-"]{    font-size: 14px;}

ul.sf-menu > [class^="icon-"] a,.sf-menu > [class*=" icon-"] a{    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

.sf-menu > [class^="icon-"]:before, .sf-menu > [class*=" icon-"]:before{    position: relative;    bottom: -40px;    display: block;    color: #000;    text-align: center;}

.sf-menu ul{    left: 10px;}

ul.sf-menu > li > a{    margin: 0 10px;   height:48px; line-height:48px;     border-bottom: 2px solid transparent;    text-transform: uppercase;	position:relative; text-shadow: 1px 0 1px #111;

}

ul.sf-menu > li > a:after{		content: "";    display: table;	background:rgba(0, 0, 0, .3);	height: 50px;    width: 1px;	position:absolute;	right:-10px;	

top:0px;	}

ul.sf-menu > li:last-child > a:after{ background:none; 	}

ul.sf-menu > li:last-child > a{}

ul.sf-menu > li a{        display: block;    color: #2f2f2f;    font-weight: bold;    font-size: 13px;    font-family: 'Pt Sans',Arial,sans-serif;}

ul.sf-menu li ul li a{    margin: 0px 0px;    padding: 10px 15px;    width: 160px;    border-bottom:1px solid rgba(1,1,1,.3);    color: #aaaaaa;    letter-spacing: normal;    font-weight: normal;}

ul.sf-menu > li:hover > a{    border-bottom: 2px solid #fff!important;    color: #fff;}

.sf-menu > li.current_page_item  > a,

.sf-menu > li.current_page_ancestor >a,

.sf-menu > li.current-menu-ancestor >a,

.sf-menu > li.current-menu-item > a{    color: #fff!important;}

.sf-menu > li .current-menu-item > a,#sidebar ul.menu li.current_page_item a{    color: #fff!important;}

ul.sf-menu li ul li.current_page_ancestor a{    color: #fff!important;}

.menu-item .action-expand{	color:#ddd}





/* ------------ mobile menu --------------- */

.show-mobile-menu-wrap {background:#D4D4D4;}

.show-mobile-menu { position: relative;margin-top: -1px; width: 100%;  height: 50px;  cursor: pointer;}

.show-mobile-menu .mobile-menu-icon{ float: right; margin-right: 20px;  width: 40px;  color:#C4002D;}

.show-mobile-menu .mobile-menu-text{	display: none;float: left;margin-left: 20px;color: #FFF;font-size: 18px;line-height: 50px;}

.mobile-menu-icon span {    display: block;    margin-bottom: 2px;    width: 100%;    height: 7px;    background: #C4002D!important;}

#mobile-menu {position:relative;display: none;padding:0px 20px;background:#6D6C72;}

#mobile-menu ul{margin: 0;padding:10px 0;width:100%;list-style: none;}

#mobile-menu ul.sub-menu{display: none;margin-top: 15px;margin-bottom: -15px;padding: 0;}

#mobile-menu ul li{position: relative;display: block;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);}

#mobile-menu ul li:first-child{border-top:none;}

#mobile-menu ul li a{display:block;display: inline-block !Important;padding-left: 10px !important;color:#fff;font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}

#mobile-menu ul li a:hover{color:#950022;}

#mobile-menu ul li.has-children>.action-expand{float: right;width: 30px;text-align: center;height: 30px;font-size: 22px;line-height: 30px;

cursor: pointer;}

#mobile-menu ul li.current-menu-item > a{color:#fff}

#mobile-menu ul li.has-children>a{width: 85%;}

#mobile-menu ul li.has-children>.action-expand>.opened,#mobile-menu ul li.has-children.menu-open>.action-expand>.closed{display: none;}

#mobile-menu ul li.has-children>.action-expand>.closed,#mobile-menu ul li.has-children.menu-open>.action-expand>.opened{display: block;}

#mobile-menu ul ul li a:before{margin-right:5px;content:'-';}

#mobile-menu ul ul ul li a:before{margin-right:5px;content:'- -';}

#mobile-menu ul ul ul ul li a:before{margin-right:5px;content:'- - -';}

#mobile-menu ul ul li:first-child{border-top:1px solid rgba(255,255,255,.1);}











/* ------------ MAIN --------------- */



#main,#slider{    position: relative;    background: #FFF;  	z-index:2; }

#main{	position:relative;min-height:350px;}

 

#main {padding-top:0px;} 

.single #main {padding:30px 0;}

#header +  #main {padding:0px;}

 

#slider{	overflow:hidden;		position:relative;}

#main [class*="span"] {    display: inline-block;    margin-top: 30px;    margin-bottom: 30px;    *display: inline;}

#main [class*="ott-element"],  #main .ott-column-shortcode [class*="span"], #main .ott-items [class*="span"] { margin-top: 10px;    margin-bottom: 10px; }





#main  #mainpage [class*="span"] { margin-top: 0px;    margin-bottom: 0px;   }

#page > .row-container {

	padding-top:0px

}



.right-sidebar {    float: right;}.content-left{  float: right;}

/* Theme Boxed Layout Style*/

.theme-boxed{    margin: 0px auto;}

.ie8 .theme-boxed{    width: 1000px;}

.theme-boxed {	    background: #FFF;	box-shadow:0  5px 4px rgba(0, 0, 0, 0.2);	}



/* Site Loader */

body section#loading{    display: none;}

body.loading section#main{    opacity: 0;    height: 0px;    overflow: hidden;}

body.loading section#loading{    display: block;    width: 100%;    min-height: 300px;    background-image:    url("framework/assets/images/loading.gif");    background-color: #FFF;    background-position: center;

    background-repeat:   no-repeat;}



/* OTT Title */

.ott-header-page{	position:relative;	}

.ott-section-title{	position:relative;}

.ott-title-container{    position: relative;	width:100%;	display:inline-block;	 margin-bottom: 30px;	 padding-bottom:0px; overflow:hidden}

.single-title-container .ott-title-container {margin-bottom:0px}





.indv.ott-title-container{margin:0px; margin-bottom:10px;}

.section-title-content:after{

	background:url(assets/img/separator_big.png) repeat-x center center	;

	content: '';

	width: 2000px;

	height: 10px;

	position:absolute;

	top:50%;

	left:100%;

	margin-top:-5px;



}



.dark .section-title-content:after{

		background:url(assets/img/separator_big_light.png) repeat-x center center	;



}



.section-title-content i{

	float:left;margin-right:10px;

	line-height:43px;	

	font-size:17px;

}





.single-ott_portfolio .ott-title-container{	margin-bottom:0px;}



.carousel-container .ott-title-container{	margin-bottom:0px;	padding-bottom:0px;}

.ott-title-container.small{	margin-bottom:15px;	border-bottom:1px #e7e7e7 solid;		padding-bottom:15px;}

.section-title-content{	float:left;		position:relative; padding-right:20px;}



.ott-title-container {	position:relative;	}

.ott-title-container.small h3{	font-size:18px;	font-weight:500;	text-transform:;}

.section-title{	margin-bottom:20px;	padding-bottom:20px;	border-bottom:3px #ccc solid;	position:relative;	}

.section-title h2{	font-size:70px;	margin-bottom:0px;	line-height:1.2em	}

.section-title:after{	content: "";    display: table;	background:#FD4326;	height: 3px;    width: 180px;	position:absolute;	left:0px;	bottom:-3px;}

.ott-title-container h3,h3.widget-title{    font-size: 15px;    font-weight: 600;    line-height: 1;	margin-bottom:15px}



.ott-title-container h3{	float:left	;	 margin-bottom: 0px;	 line-height:45px;	 padding-bottom:0px;  color:#111; text-transform:uppercase;}





.ott-title-container h3 span{    font-weight: bold;}

h3.widget-title span{    font-weight: bold;}

.ott-title-container > i{	float:left;	margin-right:10px;	font-size:20px;	line-height:30px;}

.more-section{	float:left; margin-left:20px; line-height:45px; position:relative; padding-left:10px;font-size:11px;}

a.more-section:hover{color:#666}

.more-section:before {

  	content: "";

    position: absolute;

    left: -5px;

    text-align: center;

    line-height: 45px;

	font-size:15px;

    background: #999;

    top: 50%;

	margin-top:-5px;

    width: 1px;

    height: 10px;

	 -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -ms-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;



	}

	

	

	/*-------------------------- shaps -------------------------*/

.shap_left, .shap_right, .shap_bottom, .shap_top, .portfolio_top{	position:absolute;	}

.shap_left {    border-left: 11px solid rgba(0, 0, 0, 0);    border-top: 12px solid #727f8f;    bottom: -12px;    height: 0;    left: 0;    width: 0;}

.shap_right {    border-right: 11px solid rgba(0, 0, 0, 0);    border-top: 12px solid #727f8f;    bottom: -12px;    height: 0;    right: 0;    width: 0;}

.shap_bottom {    border-right: 25px solid rgba(0, 0, 0, 0);    border-top: 20px solid #2A2E33;    bottom: -20px;    height: 0;    right: 0;    width: 0;}

.shap_top {    border-right: 25px solid rgba(0, 0, 0, 0);    border-bottom: 20px solid #2A2E33;    top: -20px;    height: 0;    right: 0;    width: 0;}

.portfolio_top {      border-bottom: 11px solid #fff; 

   border-left: 11px solid transparent; 

   border-right: 10px solid transparent;    top: -10px;    height: 0;    left: 30px;  margin-left:-5px;   width: 0;}





/*----- Search ----------------------*/

.right-header{	margin:30px 0px 10px 0;	float:right}

.search-header{	float:right;	position:relative;	}.search-top-warp{	width:200px;	position:relative;	float:right}.search-top-warp input[type=text] {  	border: none; 	border:1px #F1F1F1 solid;	width: 165px; 	line-height: 40px;	height:40px;	background:none;		margin-top:0px;	padding-right:30px;	font-size:11px;	color:#999;	-webkit-transition:all 200ms linear;	-moz-transition:all 200ms linear;	-o-transition:all 200ms linear;	background:trasparent;		border-radius: 5px;	-moz-border-radius: 5px;		-webkit-border-radius5px 5px;		background:#fafafa;		text-align:left;}

.search-top-warp input[type=text]:focus{	border:1px #ccc solid;;	}

.search-top-warp #header_search_submit {   	position: absolute; 	top: 7px; right: 5px;     	width: 20px;   	height: 30px;   background: url(assets/img/search_ico_light.png) no-repeat center center; 	text-indent: -9999px;	border:0px;   }	



/***************** social ********************/

.top-page-sec  ul.social_wrapper{	margin:0px;	float:left;	height:50px;	position:relative;	border-left:1px rgba(0, 0, 0, .1) dashed ;}

.top-page-sec  .social_wrapper li{	height:50px;	width:42px;	overflow:hidden;	float:right;	position:relative;	border-right:1px rgba(0, 0, 0, .1) dashed;}

.top-page-sec  .social_wrapper a{	line-height:50px;		padding:0px 10px;	width:20px;	display:block;}

.top-page-sec  .social_wrapper li a {	height:50px;	width:40px;	display:block;	position:absolute;	left:0px;	top:0px;}

.top-page-sec  .social_wrapper li a i{	height:50px;	width:40px;	display:block;	text-align:center;	margin:0px;		font-size:15px;	color:#999;	position:absolute;}

.top-page-sec  .social_wrapper li a i.shown{	top:0px;	left:0px;}

.top-page-sec  .social_wrapper li a i.bottom{	top:50px;	left:0px;}

.top-page-sec  .social_wrapper li a:hover i{	color:#fff	}

.top-page-sec  .social_wrapper li a i {    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out;}

.top-page-sec  .social_wrapper li a:hover i.shown{	top:-40px;}

.top-page-sec  .social_wrapper li a:hover i.bottom{	top:0px;}

.top-page-sec .social_wrapper a.ott-rss:hover{	background:#fe8d3d}

.top-page-sec .social_wrapper a.ott-twitter:hover{	background:#57bee8}

.top-page-sec  .social_wrapper a.ott-facebook:hover{	background:#5f89bf}

.top-page-sec  .social_wrapper a.ott-flickr:hover{	background:#f000a1}

.top-page-sec .social_wrapper a.ott-youtube:hover{	background:#cf434f}

.top-page-sec  .social_wrapper a.ott-vimeo:hover{	background:#4e5377}

.top-page-sec  .social_wrapper a.ott-tumblr:hover{	background:#77899b}

.top-page-sec  .social_wrapper a.ott-google:hover{	background:#d64136	}

.top-page-sec  .social_wrapper a.ott-dribbble:hover{	background:#fe6a89	}

.top-page-sec  .social_wrapper a.ott-linked:hover{	background:#43a2be	}

.top-page-sec  .social_wrapper a.ott-pinterest:hover{	background:#cb2027	}

.top-page-sec  .social_wrapper a.ott-instagram:hover{	background:#517fa6	}

.top-page-sec .social_wrapper a.ott-skype:hover{	background:#3e9dd7	}

/* Row Container Parallax */.bg-parallax {    background-attachment: fixed;}





/************* ott-acc-menu  *******************/



.ott-acc-menu-wrap{	float:right;	font-size:12px; height:30px; margin-top:0px; 	}

.ott-acc-menu-wrap a{		font-weight:600;}

.ott-acc-menu-wrap .ott-acc-inside a:first-child, .langes-menu {-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px; background:#fff;}

.ott-acc-menu-wrap .ott-acc-inside a:last-child {-webkit-border-top-left-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-bottomleft: 5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px;border-left:1px #ddd solid; background:#fff; }

.cart_dropdown + .ott-acc-menu-wrap .ott-acc-inside a:first-child  {border-radius:0px;}

.ott-acc-menu-wrap + .langes-menu, .cart_dropdown +  .langes-menu {-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}



.ott-acc-menu-wrap  a i{

	margin-left:7px;

	font-size:12px;

}



.ott-acc-menu span, .ott-acc-menu a{	padding:0px 5px 0 0;     -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

	}

.ott-acc-menu a, .ott-acc-inside a{	border:1px #f2f2f2 solid; background:#fff; border-bottom:2px #eee solid; padding:0px 15px; color:#ddd; font-size:11px; text-transform:uppercase; height:30px; line-height:30px; display:block; font-weight:500;	float:right;border-left:0px;}

.ott-acc-inside{	}

.ott-acc-inside a i{	margin-left:10px;	}



.langes-menu {	float:right;		list-style:none;	border:1px #f2f2f2 solid; border-bottom:2px #eee solid; padding:0px 15px; margin-left:20px; -webkit-border-top-left-radius: 5px;

-webkit-border-bottom-left-radius: 5px;

-moz-border-radius-topleft: 5px;

-moz-border-radius-bottomleft: 5px;

border-top-left-radius: 5px;

border-bottom-left-radius: 5px; background:#fff}

.menu > li.parent:after {	content: "\ea77";	font-family: fontello;	font-weight: normal;	font-style: normal;	display: block;	font-size: 14px;	position: absolute;	top: 23px;	margin-top: -20px;	right:0px;	color:#ddd}

nav.langes-menu  .menu > li.parent{	padding:0px 25px 0px 10px;	}

nav.langes-menu .menu {	height: 30px;	margin: 0;	position: relative;	padding: 0px;}

nav.langes-menu .menu li > a{	line-height:30px;		font-size:11px;	font-weight:500; color:#ddd; text-transform:uppercase;     -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

/*sub menu*/

nav.langes-menu .menu ul.sub-menu {    display:none;    position: absolute;    top: 31px;    left: -15px;	margin:0px;    min-width: 100px;	background:#fff;	color:#fff;	line-height:20px;	list-style:none;	padding:0px;	    

border:1px #f2f2f2 solid; border-top:0px;

}

nav.langes-menu .menu li.parent a:hover ul.sub-menu {    display:block;}

nav.langes-menu   li{	list-style:none;	}

nav.langes-menu  ul.sub-menu > li {	border-bottom:1px rgba(1, 1, 1, 0.1) solid;	}

nav.langes-menu  ul.sub-menu > li a {    display: block;    white-space: nowrap;	font-size:11px;	color:#999;	text-transform:none;	padding:0px 10px;}

nav.langes-menu  ul.sub-menu > li img{	margin-right:5px;	}

nav.langes-menu  div.current-language{	background:#fafafa	;	padding:0px 10px;}

nav.langes-menu  div.current-language span{	color:#E12E36;	font-size:12px;	line-height:40px;}











#top_panel {

	background:#323232 url(../images/patterns/8.png) repeat;

	width: 100%;

	height: 40px;

	margin: -50px 0 0;

	z-index:104;

	position:relative

}



#top_panel_mobile {

	background:#323232 url(../images/patterns/8.png) repeat;

	width: 100%;

	height: auto;

	margin: 0px 0 0;

	z-index:104;

	position:relative;

	text-align:center;

	display:none

}



#top_panel_mobile #panel{

padding:5px 10px;	

}

#panel {

	position: relative;

	margin: 0 auto;

}



#panel p {

	text-align: left;

	line-height: 40px;

	font-size: 13px;

	color: #CDCDCD;

	text-shadow: 1px 1px 0 #000;

	margin: 0;

	float:left

}

#panel p a , .langs span a{

	text-shadow: 1px 1px 0 #2f1f00;

	text-decoration: none;

}



#panel .close {

	position: absolute;

	width:25px;

	height:25px;

	right:20px;

	text-align:center;

	top: 10px;

	opacity: 0.7;

}







#panel .close:hover {

	opacity: 1;

}



#panel .open {

	background: #333;

	color:#fafafa;

	position: absolute;

	z-index: 99;

	display:none;

	width:25px;

	top:-50px;

	height:25px;

	line-height:25px;

	right:25px;

	text-align:center;

	-webkit-border-radius: 2px;

    -moz-border-radius:2px;

    border-radius: 2px;

}

#panel .close  i{

	color:#fff;

	font-size:12px;	

}

#panel .open  i{

	color:#e7e7e7;

	font-size:14px;

}







/********* **************/

.header-top{


}







.header-top:before{




}



#header .row-fluid{

	position:relative;

}



.header-bottom{

	width:100%;

	position:absolute;	

	bottom:-25px;

	z-index:1;

	height:50px;

}





#header .stucy-menu{

	display:none;	

	

}

#header.stuck  .stucy-menu{

	display:block;	

	margin-bottom:15px;

	height:65px;

	float:right;

}

#header.stuck   .header-top{

	margin-bottom:0px;

}



#header.stuck   .ott-logo{

	margin-top:10px;

}





#header.stuck  .ott-menu-container{

	top:15px;

	

}





#header.stuck  .header-top{

	padding:0px;

}



.top-contacts{

	line-height:30px;

	width:100%;

	display:inline-block;

	position:relative;

}





#header.stuck   .top-contacts{

	display:none;

} 



.header-right{

	margin-top:0px;	

}



.ott-top-links{

	position:relative;

	z-index:5

}



#header.stuck  .header-right{

	display:none;	

}



.search-form-top{

	float:right;

	position:relative;

	height:50px;overflow:hidden;

	margin-top:8px;

	margin-right:8px;

	

}



.search-form-top input[type="text"]{

	height:30px;	

	margin:0px;

	background:#222;

	border-color:#333;

	color:#444;

	padding-right:30px;

}



.search-form-top input[type="text"]:focus{

	color:#999;

	border-bottom-color:#E12E36	

}



.search-form-top form{

	margin:0px;	

}



.search-form-top #search_submit{

	position:absolute;	

	right:0px;

	top:0px;

	background:none;

	text-indent:-99999px; 

	background:url(assets/img/search_ico_light.png) no-repeat center center;

	height:30px;

	opacity:.4;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

	box-shadow:none;



}





.search-form-top #search_submit:focus, .search-form-top #search_submit:hover{

	opacity:.8	

}





/******************** footer-contacts      *****************/





#bottom{

	position:relative;

	bottom:0px;

	padding-bottom:30px;

}









.footer-contacts{

	padding:25px 0px 0;

	border-bottom:1px rgba(255, 255, 255, 0.1) solid;	

	float:left;

	display:block;

	width:100%;

	margin-bottom:15px;

}





.footer-contacts h6{

	border-bottom:1px rgba(255, 255, 255, 0.1) solid;	

	padding-bottom:15px;

	margin-bottom:15px;

	color:#fff

}



.bottom_contact{

	width:100%;

	display:inline-block;	

}



.bottom_contact span{

	font-weight:normal;

	display:block;

	float:left;

	margin-right:20px;

	font-size:13px;	

	color:#817A7A

}



#bottom .bottom_contact span a{

	color:#817A7A	

}



.bottom_contact span i{

	margin-right:8px;	

}







/* Footer Section */

#footer{    background: #2a303c;	background-color: #252525;	position:relative;	overflow:hidden;}

.theme-boxed #footer {box-shadow:none}



#footer > .container{    padding: 60px 15px 40px 15px;    }

#bottom .copyright{    color: #aaa;    font-weight: normal;	line-height:30px;	font-size:11px;}

#bottom .copyright a{    color: #aaa;    font-weight: bold;}

#bottom ul, #bottom p {    margin: 0;}

#bottom ul {    display:inline-block;	float:none;}

#bottom a {    color: #E12E36;}

.ott-footer-widgets{  padding: 80px 0 60px;    position: relative;	color:#B3B3B1;	font-size:12px;}

.ott-footer-widgets a{	color:#fff	}

#bottom {    font-size: 13px;    font-weight: bold;    height: auto;    padding: 15px 0 15px;    position: relative;	text-align:left;	background:#141414;}

.ott-footer-shap{	width: 0; 	height: 0; 	border-left: 10px solid transparent; 	border-right: 10px solid transparent; 	border-top: 10px solid #3b3b3b;	position:absolute;	right:48%;	top:0px;}

#bottom .ott-footer-menu{	float:right;}

#bottom .ott-footer-menu ul{	float:left;}

#bottom .footer-menu a{	background:none ;	border:0px;    border-right: 1px solid #1E1E1E;    box-shadow: 1px 0 0 rgba(224, 224, 224, 0.1);    padding: 0 12px;	color:#BCBCBC;	font-weight:normal;	font-size:11px;	text-transform:uppercase;}

.footer-menu li{	padding:0px !important;	}

#bottom .footer-menu a:hover{	background:none ;	color:#444;}

#bottom .footer-menu  li:last-child a{

	padding-right:0px;

	border-right:0px !important;

	box-shadow:none

}

#bottom .footer-menu  li:last-child {

	margin-right:0px;

	padding-right:0px;

}	



#footer h3.widget-title span {    font-weight: bold;    color: #fff;}

h3.widget-title span {    color: #fff;    font-weight: bold;}

/* recent-posts-list*/

aside.widget div.recent-posts-list{	width:100%;	display:inline-block	}

aside.widget div.recent-posts-list div:before {	display:none;	}

aside.widget div.recent-posts-list div{	width: 84px;	height:64px;	float:left;	margin:0px 5px 5px 0;}

aside.widget div.recent-posts-list div img{	 border: 2px solid #DDDDDD;			-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.2s ease-in-out;}

aside.widget div.recent-posts-side{	display:inline-block;	width:100%;	}

aside.widget div.recent-posts-side > div{	float:left;	margin:0px 5px 0px 0;	border-bottom:1px #DDDDDD dotted ;	margin-bottom:15px;	padding-bottom:15px;	width:100%;}

aside.widget div.recent-posts-side > div:last-child{	border-bottom:0px;}

aside.widget div.recent-posts-side div  a.recent-post-image{		width: 54px;	height:54px;	float:left;	margin:5px 5px 5px 0;}

aside.widget div.recent-posts-side div  .recent-post-details{	width:180px;	float:left;	margin-left:15px;	}

aside.widget div.recent-posts-side div  .recent-post-details span{	display:block;	font-size:11px; color:#999	}

aside.widget div.recent-posts-side div img{	 border: 2px solid #DDDDDD;			-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.2s ease-in-out;}

/* Contact info widget */

.contact-info-widget{    min-height: 157px;}

.contact-info-widget ul li{	margin-bottom:5px;}

.contact-info-widget ul i{    float: left;    width: 15px;    height: 20px;	line-height:20px;    color: #aaa;    text-align: center;    font-size: 14px;}

.contact-info-widget ul div{    padding-left: 30px;	font-size:12px;}

.contact-info-widget ul .contact_msg div {	padding-left:0px;}

.contact-bottom a{float:left;width:80}





/* Flickr Widget Style */

.flickr-channel a img:hover,.dribbble-widget a img:hover{    -moz-transition: 0.30s ease-in;    -o-transition: 0.30s ease-in;    transition: 0.30s ease-in;}

.flickr-channel a img{  width:58px;  }

dribbble-widget a img{  width:100%;  }



.flickr-channel ,.dribbble-widget {	display:inline-block;}

.flickr-channel a,.dribbble-widget a {    display: block;    float: left;    margin-right: 5px;    margin-bottom: 5px;    height: auto;	border:2px #ddd solid;}

.dribbble-widget a {	width:80px;}

.flickr-channel a:hover, .dribbble-widget a:hover{	border:2px #E12E36 solid;	}

.flickr-widget .flickr-channel{    display: inline-block;    *display: inline;}



/* Recent Posts Widget */

.ott-recent-posts-widget ul{    margin: 0;    list-style: none;}

.ott-recent-posts-widget ul li{    display: inline-block;        padding: 10px 0;    width: 100%;  }

#sidebar aside.widget .ott-recent-posts-widget ul li{    padding: 12px 0 0;    border-bottom: 0;}

#sidebar aside.widget .ott-recent-posts-widget ul li:first-child{    padding-top: 4px;}

#sidebar .widget .ott-recent-posts-widget ul li:before{    display: none;}

#sidebar .ott-recent-posts-widget h4{    font-weight: normal;}

.ott-recent-posts-widget ul li:first-child{    padding-top: 0;}

.ott-recent-posts-widget h4{    margin-bottom: 4px;    font-size: 13px;    line-height: 20px;}

.ott-recent-posts-widget .meta,footer#footer .ott-recent-posts-widget .meta a{    color: #aaa;    text-transform: capitalize;    font-size: 13px;    line-height: 20px;}

.ott-recent-posts-widget .recent-thumb img{    -webkit-box-shadow: inset 0 1px rgba(255,255,255,.2);    -moz-box-shadow: inset 0 1px rgba(255,255,255,.2);    box-shadow: inset 0 1px rgba(255,255,255,.2);}

.ott-recent-posts-widget .recent-thumb {    float: left;    margin: 4px 22px 4px 0;    }



/* Tag Widget */

#footer .tagcloud a{    background: #121212 !important;    color: #8d8d8d !important;}

.tagcloud {margin-top:10px;}

.tagcloud a{    display: inline-block;    margin-right: 5px;    margin-bottom: 10px;    padding: 6px 15px;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;    background: #fafafa !important;    color: #333 !important; border:1px #f2f2f2 solid; border-bottom:2px #e7e7e7 solid;    text-transform: capitalize;    font-size: 11px !important;    line-height: 20px;}

.tagcloud a:hover,#footer .tagcloud a:hover{    border-bottom-color: #E12E36;  }

/* Removing Child Pages from Widgets */

.widget_pages ul.children,.widget_nav_menu ul.sub-menu{    display: none;}

#footer .ott-recent-posts-widget h4 a{    color: #fff;}

#footer .ott-recent-posts-widget h4 a:hover{    color: #E12E36;}

#footer  div ul.product_list_widget li{		border-color:#444}





/* Widgets Style */

aside > ul{    padding: 10px 0px;}aside > ul li a:hover{    color: #E12E36;}

#sidebar aside.widget,#footer aside.widget{    margin-bottom: 35px;}

#sidebar aside.widget ul li {    padding: 6px 0 6px 20px;    border-bottom: 1px dotted #ddd;}

#sidebar aside.widget.woocommerce  ul li{	margin-right: 0px;    margin-left: 0px;    padding: 10px 0 10px 0px;	}

#sidebar aside.widget ul li:before{    position: absolute;    left: 5px;    color: #ddd;    content: '\e8b9';    font-size: 11px;    font-family: fontello;    line-height: 25px;}

#sidebar aside.widget .contact-info-widget ul li:before,#footer aside.widget .contact-info-widget ul li:before{    display:none;}

#footer aside.widget .contact-info-widget ul li{display:block; float:left ; width:100%; padding: 5px 0px; line-height:20px;	  border-bottom: 1px solid #444444;}

#footer aside.widget .contact-info-widget ul li:first-child{padding-top:0px;}

#sidebar aside.widget .contact-info-widget  ul li,#footer4 aside.widget .contact-info-widget  ul li{	padding-left:0px;}

#sidebar aside.widget ul li:first-child{    padding-top: 4px;}

#sidebar aside.widget ul li:last-child{    padding-bottom: 4px;    border-bottom: 0;}

#sidebar aside.widget [class^="icon-"] a,#sidebar aside.widget [class*=" icon-"] a{    padding-left: 10px;    font-family: "Pt Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}



#sidebar  aside.widget  a{

	color:#666;

	font-weight:600;

	font-size:12px;

}	



#sidebar  aside.widget  a:hover{

	color:#E12E36

}

/********************** social-links-widget *************************/

#sidebar aside.widget.social_link_widgte ul li:before{

	display:none;	

}



aside.widget.social_link_widgte ul {

	display:inline-block;

	width:100%;	

}





#sidebar  aside.widget.social_link_widgte ul li,

#footer  aside.widget.social_link_widgte ul li{

			float:left;

		width:30px;

		height:30px;

		margin-right:5px;

		margin-bottom:5px;

				text-align:center;

		line-height:30px;

		padding:0px;

		    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;





}





#sidebar  aside.widget.social_link_widgte ul li

{



		background:#fff;

		border:1px #f2f2f2 solid;

		border-bottom:2px #e7e7e7 solid;

}



#footer  aside.widget.social_link_widgte ul li

{



		background:#555;

		border:1px #555 solid;

		border-bottom:2px #444 solid;

}



#footer  aside.widget.social_link_widgte ul li:hover,

#sidebar  aside.widget.social_link_widgte ul li:hover

{

	border-bottom-color:#E12E36

}



#sidebar  aside.widget.social_link_widgte ul li a,

#footer  aside.widget.social_link_widgte ul li a{

	width:30px;

	height:30px;

	line-height:30px;

	display:block;	

}













/**************** why us *******************/



#sidebar aside.widget.whyWidget ul li:before,

#footer aside.widget.whyWidget ul li:before{

	font-family: fontello;

	content:'\e807';

	position:absolute;

	left:0px;

	line-height:25px;

}



#sidebar aside.widget.whyWidget ul li,

#footer aside.widget.whyWidget ul li

{

	padding-left:20px;

}



#footer aside.widget.whyWidget ul li span,

#sidebar aside.widget.whyWidget ul li span

{

	font-size:12px;

	font-weight:600;	

}





#footer aside.widget.whyWidget ul li{

	padding-bottom:10px;	

}







form#searchform{    position: relative;}

form#searchform .icon-search{    position: absolute;    top: 4px;    right: 15px;    color: #f4f4f4;    font-size: 18px;}

form#searchform input{    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    padding: 8px 0px 8px 10px;    height: 40px;    width: 100%;        margin: 0 !important;     box-shadow: none;    -webkit-box-shadow: none;    -moz-box-shadow: none;    color: #d6d6d6;}

form#searchform input:focus{   }

#footer h3.widget-title{    color: #EAEAEA;    font-weight: 600;    text-transform: uppercase;}

#sidebar h3.widget-title{	text-transform: uppercase;    font-weight: 600;}

.sidebar-line {    background: none repeat scroll 0 0 #444;    height: 1px;    margin-bottom: 25px;    width: 100%;}

#sidebar .sidebar-line{	 display:none;}

.sidebar-line span {    display: block;    height: 1px;    width: 100%;	background:#111;top:-1px; position:absolute;}

.sidebar-line{position:relative;}







#sidebar h3.widget-title{	text-transform: uppercase;    font-weight: 600; padding-right:25px; float:left;line-height:25px; position:relative}

#sidebar  .ott-widget-title-container {

    position: relative;

	width:100%;

	display:inline-block;

	height:25px;

	overflow:hidden;

	margin-bottom:20px;

}





#sidebar  .ott-widget-title-container h3.widget-title:after{

	background:url(assets/img/separator_big.png) repeat-x center center	;

	content: '';

	width: 2000px;

	height: 10px;

	position:absolute;

	top:50%;

	left:100%;

	margin-top:-5px;



}





#footer aside.widget.widget_meta ul li:before   {  position: absolute;    left: 5px;    color: #ddd;    content: '\e8b9';    font-size: 11px;    font-family: fontello;    line-height: 20px;}







#footer aside.widget.widget_meta  ul li  {     padding: 5px 0 5px 20px;    border-bottom: 1px solid #444444;}

#footer aside.widget.widget_meta  ul li:first-child{    padding-top: 4px;}

#footer aside.widge.widget_meta  ul li:last-child{    padding-bottom: 4px;    border-bottom: 0;}

#footer aside.widget.widget_meta  ul {margin:0px;padding:0px}



/******************  pagination   *****************/



.pagination ul > li > a, .pagination ul > li > span{	padding:12px 15px;	}

.ott-portfolio .pagination{    text-align: left;}

.pagination{    margin: 0;}

.pagination ul{    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0; box-shadow:none;}

.pagination ul > li > a, .pagination ul > li > span, .pagination ul>li>a  { border:1px #f2f2f2 solid; border-bottom:2px #eee solid; border-left:0px; }

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {border-left:1px #f2f2f2 solid;}

.pagination ul>li>a.current, .pagination ul>li>span.current, .pagination ul>li>a:hover{    background: #fff;    color: #E12E36; }

.ott-pagination{	width:100%;	display:inline-block;	}

.post_pagination{

	margin:30px 0;

	height:40px;	

	width:100%; 

}

.post_pagination ul{

	width:100%;

	display:inline-block;

}

.post_pagination ul li{

	width:40px;

	height:40px;

	position:relative;

	background:#fff	;

	float:left;

		border:1px #ddd solid;

	border-bottom:2px #e7e7e7 solid;

	-moz-border-radius: 5px;

    -webkit-border-radius:  5px;

    border-radius: 5px;

}

.post_pagination ul li.nxt_post_nav{

	float:right;

}

.post_pagination ul li i {

	position:absolute;

	width:40px;

	height:40px;

	line-height:40px;

	text-align:center;	

	left:0px;

	top:0px;

}

.post_pagination ul li:hover i{

	color:#E12E36

}

.post_pagination ul li a:hover{

	background:none;

}

.post_pagination ul li a{

	text-indent:-99999px;	

	position:absolute;

	width:40px;

	height:40px;

	padding:0px;

	left:0px;

	top:0px;

	background:none;

	border:0px !important;

	z-index:2;

}





/* Scroll Up Style */

#scrollUp {    position: fixed;    right: 30px;    bottom: 30px;    display: none;    width: 40px;    height: 40px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    color: #fff;    text-align: center;    background-color: rgba(0,0,0,1);    font-size: 16px;    line-height: 50px;    cursor: pointer;	z-index:10}

#scrollUp:hover{    background-color: rgba(0,0,0,0.6);}

#scrollUp i{	line-height:20px;	font-size:14px;		position:relative;	top:-7px;}

.hidden{    display: none;}







/************** widget pages ********************/







#sidebar aside.widget .menu  ul li a

{

	font-size:11px;

	font-weight:600;

	text-transform:uppercase;

	color:#999

}

#sidebar aside.widget.pages{



}



#sidebar aside.widget .menu   li

{

	background:#fafafa;

	border:1px #e7e7e7 solid;

	border-bottom:0px;



}



#sidebar aside.widget#nav_menu-2 li:hover  

{

	background:#F7F7F7	

}



#sidebar aside.widget ul.menu     li:first-child

{

	padding-top:10px	

}

#sidebar aside.widget ul.menu    li:before{

	display:none;

}

#sidebar aside.widget ul.menu   li:last-child

{

	padding-bottom:10px;

	border-bottom:1px #e7e7e7 solid	

}



#sidebar aside.widget .menu  li.current-menu-item

{

	background:#fff;

	border-right:2px #E12E36 solid ;

	

}



#sidebar aside.widget ul.menu  li a:hover, #sidebar aside.widget ul.menu  li.current-menu-item a

{

	color: #E12E36 ;

}





/************************* loginDiv ************************/



.loginDiv{

	padding:0;

}



.loginDiv fieldset{

	display:block;

	margin-bottom:0px;

		

}




#map{height:200px!important;}


.loginDiv input[type=text] , .loginDiv input[type=password] {

	width:200px;

}









.loginDiv  .links span{

	float:right;	

}





.log_wrapper .logged{

	border-bottom:1px #ddd solid;

	padding:5px 0px 15px;

	

}



.login_ctl {

	width:100%;

	display:inline-block;

	padding-top:25px;



		

}



.log_wrapper li, .log_wrapper .logout {

	float:left;

	list-style:none;

	margin-right:10px;	

}



.log_wrapper li a{

	background:#fff;

	border:1px #f2f2f2 solid;

	border-bottom:2px #e7e7e7 solid;

	padding:8px 20px;	

	-webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}





#sidebar aside.widget  .log_wrapper .logout a{

	background:#444;

	color:#ddd;

	border:1px #111 solid;

	border-bottom:2px #333 solid;

	padding:8px 20px;	

	    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;



}

.log_wrapper .logout a:hover{

	color:#fff !important;	

}





/******* map **************/

#map{	height:380px;	margin-top:0px;	}

#map img{max-width:none !important}



/* Dark color Scheme */



.dark h3,

.dark a,

.dark p,

.dark .ott-featured-content a,

.dark .ott-featured-box .ott-featured-content p a:hover,

.dark .icon-twitter,

.dark .ott-carousel-twitter ul.jtwt li,

.dark .ott-carousel-twitter ul.jtwt li a,

.dark .twitter-follow,

.dark h2.loop-title a,

.dark ul.loop-meta li span.date,

.dark ul.loop-meta li a,

.dark .ott-featured-content a,

.dark ul.ott-list,

.dark .ott-milestones-count>.ott-milestones-show>ul,

.dark .ott-filter ul li a:hover,

.dark .ott-filter ul li a.selected,

.dark .ott-carousel-post .carousel-content h3 a,

.dark ul.jtwt li span,

.dark #sidebar aside.widget ul.jtwt li:before,

.dark #footer aside.widget ul.jtwt li:before,

.dark ul.jtwt li:before,

.dark h1.ott-coming-soon-title,

.dark  .ott-milestones-count,

.dark .ott-text-block h3,

.dark .ott-sidenews .ott-items li h2.sidenew-title a,

.dark .ott-text-block h2,

.dark .ott-milestones-content p

{

    color: #fff;

}



.dark .sidenews-right,

.dark .ott-iconed-box-content p,

.dark .ott-iconed-text .ott-iconed-text-content p



{

	color:#e7e7e7	

}



.dark .ott-divider{

	 border-bottom: 1px solid #444;

    border-top: 1px solid #333;

}

.dark .ott-side-box .ott-iconed-box-content h2:after{

	background:#999	

}

.dark .ott-side-box .ott-icon-block i{

	color:#999

}



.dark .ott-service-box .service-content-text {background:rgba(51, 51, 51, 0.9) }

.dark .service-content,

.dark .carousel-arrow a.carousel-prev, .dark  .carousel-arrow a.carousel-next,

.dark .item-inner,

.dark .ott-portfolio .ott-filter ul



{background:#222}



.dark .item-inner, .dark .ott-portfolio .ott-filter ul{

	border-color: #444 #444 #222;	

}





.dark .news-content h3 a, .dark  h2.loop-title a, .dark  .loop-media .link-text a, .dark  .news-content h3 a, .dark  .ott-carousel-post .carousel-content h3 a, .dark  .inner_product_header h3 a,

.dark h2.portfolio-title a

{

	color:#fff

}



.dark a.featured-btn{	color:#999	; }





.dark .portfolio_top {border-bottom-color:#333333}



.dark h1, .dark  h2, .dark  h3, .dark  h4, .dark  h5, .dark  h6{	color:#fff	}

.dark .ott-callout h1{	color:#fff	}

.dark .ott-title-container h3{	color:#fff	}

.dark .inner_product{	background: none repeat scroll 0 0 padding-box #222222;    border: 1px solid #333333;}

.dark .list_carousel.ott-carousel-post li{	background:#666	;	 border: 1px solid #444;}

.dark .carousel-meta > div, .dark  .carousel-meta > div a{color:#fff	}

.dark .ott-featured-box span.title_sec{	color:#fff	}

.dark  .onetouch_cart_buttons,#mainpage  .dark .inner_product_header{		border-top-color:#333;}

.dark  .onetouch_cart_buttons{	background:#111;	}

.dark ul.jtwt li span a,.dark .tab-content .tab-pane p,.dark .ott-social-icon a{    color: #aaa;}

.dark .testimonial-content p,.dark  .testimonial-content p a, .dark .testimonial-content p:before{    color: #fff !important;}

.dark h2.loop-title:hover a{    color: #E12E36;}

.dark .ott-title-border{    background: #fff;}

.dark .pagination ul>li>a.current,.dark .pagination ul>li>span.current,.dark .ott-pagination.pagination ul>li>a,.dark .ott-pagination.pagination ul>li>span{    background: transparent;}

.dark .ott-carousel-partner.list_carousel li,.dark .ott-carousel-partner .caroufredsel_wrapper,.dark aside > ul,.dark #sidebar aside.widget ul li{    border-color: transparent;}



.dark .ott-iconed-box,

.dark .ott-teaser, .dark .teaser-btn,

.dark .ott-about-wrap



{

	background:#222;

	border-color:#333	

}



.dark  .iconed-box-inner:hover{

	background:#222;

	

}

.dark .ott-iconed-box-content h2, .dark a.sidenews-link:hover{

	color:#fff;

}







h2.portfolio-title, .ott-iconed-box-content h2, .carousel-container .inner_product_header h3, .ott-carousel-post .carousel-content h3, 

h2.loop-title , .loop-media .link-text, .news-content h3, h2.loop-title a, .loop-media .link-text, .news-content h3 a,.ott-carousel-post .carousel-content h3 a ,

.ott-featured-box span.title_sec, .accordion-heading .accordion-toggle , .testi-name span, .ott-iconed-text-content h4, .ott-sidenews .ott-items li h2.sidenew-title



{

	font-size: 13px;	font-weight:600;		

}







.item-inner:hover, .ott-teaser:hover, .inner_product:hover, .ott-iconed-box:hover{

		border-bottom-color:#E12E36 ;

	box-shadow:0px 0px 0px rgba(100,100,100,0.2);

	-moz-box-shadow:0px 0px 0px rgba(100,100,100,0.2);

	-webkit-box-shadow:0px 0px 1px rgba(0,0,0,0.05);

}



#mainpage .login .form-row label.inline{

	line-height:45px;

	margin-left:10px;

	display:inline-block

}

#mainpage .login .form-row label.inline input{

	margin-right:5px;	

}





.lost_password{

	display:block;

	margin-top:15px;	

}




.ott-social-icon img {position:relative; z-index:99999999999; width:191px!important; height:31px;!important;}