@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,700,800);

@import url(http://fonts.googleapis.com/css?family=Lobster);



#lang

{

	

	display:inline-block;

	position:absolute;

	left:44%;

	top:2%;

	z-index:999999;

}



#lang div

{

	display:inline-block;

	font-size:x-large;

	

		

}



#lang div a

{

	margin:1px;

	color:red;

	text-decoration:none;

}



#lang div img

{

	border:1px solid black;

		

}



#langg

{

	

	display:inline-block;

	position:absolute;

	right:18%;

	top:2%;

	z-index:999999;

}



#langg div

{

	display:inline-block;

	font-size:x-large;

	

		

}



#langg div a

{

	margin:1px;

	

	

}



#langg div img

{

	border:1px solid black;

		

}







.myButton {

	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;

	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;

	box-shadow:inset 0px 1px 3px 0px #91b8b3;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));

	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);

	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);

	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);

	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);

	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);

	background-color:#768d87;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

	border:5px solid #566963;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:Arial;

	font-size:18px;

	font-weight:bold;

	padding:8px 20px;

	text-decoration:none;

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

	

	

}

.myButton:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));

	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);

	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);

	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);

	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);

	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);

	background-color:#6c7c7c;

}

.myButton:active {

	position:relative;

	top:1px;

}











body {

	font: 300 14px/1.8  sans-serif;

	color: #666;

	overflow-x: hidden;

}



img {

	max-width: 100%;

	height: auto;

}



a {

	color: #E7746F;

}



a:hover {

	text-decoration: none;

	color: #999;

}



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

 * Transition elsements

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





.navbar a,

.form-control {

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

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

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

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

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

}



a,

.btn {

	-webkit-transition: all 0.125s ease-in-out 0s;

	   -moz-transition: all 0.125s ease-in-out 0s;

		-ms-transition: all 0.125s ease-in-out 0s;

		 -o-transition: all 0.125s ease-in-out 0s;

			transition: all 0.125s ease-in-out 0s;

}



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

 * Reset box-shadow

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



.btn,

.form-control,

.form-control:hover,

.form-control:focus,

.navbar-custom .dropdown-menu {

	-webkit-box-shadow: none;

			box-shadow: none;

}



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

 * Typography

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



h1, h2, h3, h4, h5, h6 {

	font: 700 40px/1.2 Raleway, sans-serif;

	text-transform: uppercase;

	letter-spacing: 5px;

	margin: 5px 0 5px;

	color: #222;

}



h2 {

	font-size: 30px;

	margin: 0 0 30px;

}



h3 {

	font-size: 13px;

	letter-spacing: 1px;

	margin: 0 0 5px;

}



h4 {

	font-size: 12px;

	letter-spacing: 1px;

}



h5 {

	font-size: 12px;

	letter-spacing: 1px;

	font-weight: 400;

}



h6 {

	font-size: 11px;

	letter-spacing: 1px;

	font-weight: 400;

}



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

 * Reset border-radius

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



.btn,

.iconbox,

.progress,

#filter li,

.scroll-up a,

.form-control,

.input-group-addon {

	-webkit-border-radius: 3px;

	   -moz-border-radius: 3px;

		 -o-border-radius: 3px;

			border-radius: 3px;

}





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

 * Input-group

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



.input-group .form-control {

	z-index: auto;

}



.input-group-addon {

	background: #D8E1E4;

	border: 2px solid #D8E1E4;

	padding: 6px 15px;

	font-weight: 700;

}



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

 * Inputs styles

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



.form-control {

	background: #FFF;

	border: 1px solid #D8E1E4;

	font-size: 12px;

	padding: 0 15px;

}



.form-control:focus{

    border-color: rgba(135, 135, 135, 0.7);

}



.input-lg,

.form-horizontal .form-group-lg .form-control {

	height: 38px;

	font-size: 13px;

}



.input-sm,

.form-horizontal .form-group-sm .form-control {

	font-size: 11px;

	height: 30px;

}



textarea.form-control {

	padding: 15px;

    max-width: 100%;

    min-width: 100%;

}



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

 * Custom button style

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



.btn {

	font-family: Raleway, sans-serif;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 13px;

	padding: 8px 26px;

	border: 0;

}



.btn:hover,

.btn:focus,

.btn:active,

.btn.active {

	outline: inherit !important;

}



/* Button size */



.btn-lg,

.btn-group-lg > .btn {

	padding: 10px 25px;

	font-size: 13px;

    background: rgba(17, 17, 17, 0.8);

    color: #fff;

}

.btn-lg:hover,

.btn-group-lg > .btn:hover{

    background: rgba(17, 17, 17, 1.8);

    color: #fff;

}



.btn-sm,

.btn-group-sm > .btn {

	padding: 6px 25px;

	font-size: 11px;

}



.btn-xs,

.btn-group-xs > .btn {

	padding: 5px 25px;

	font-size: 10px;

}



.btn .icon-before {

	margin-right: 6px;

}



.btn .icon-after {

	margin-left: 6px;

}



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

 * General Styles

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



.pfblock {

	padding: 120px 0 100px;

}



.uppp

{

	margin-top:-50px;	

}







.deneyim

{

	margin-top:-70px;

	margin-bottom:-50px;

}



.pfblock-gray {

	background: #f5f5f5;

}



.pfblock-image {

	padding: 0;

}



.calltoaction h1,

.calltoaction h2,

.calltoaction h3,

.calltoaction h4,

.calltoaction h5,

.calltoaction h6,

.pfblock-image,

.pfblock-image h1,

.pfblock-image h2,

.pfblock-image h3,

.pfblock-image h4,

.pfblock-image h5,

.pfblock-image h6 {

	color: #fff;

}



.pfblock-header {

	text-align: center;

	margin: 0 0 60px;

}



.pfblock-header-left {

	text-align: left;

}



.pfblock-header-left .pfblock-line {

	width: inherit;

	margin: 30px 0;

}



.pfblock-title{

    font-weight: 800;

}



.pfblock-subtitle

 {

	font-family: "Times New Roman", Times, sans-serif;

	font-style: normal;

	font-size: 14px;

	text-align:left;

}







@media (min-width: 600px)

{



.ozgecmis

{

	margin:0 -280px 0 -280px ;	

	font-size:17px;

}



}





.pfblock-line {

	background: rgba(135, 135, 135, 0.5);

	width: 100px;

	height: 1px;

	margin: 30px auto;

}



.pfblock-icon {

	font-size: 32px;

}

.calltoaction *{

    text-align: center;

}

.calltoaction {

    background: url(../images/item-3.jpg);

	background-color: #222;

	background-repeat: no-repeat;

	background-position: 0 0;

	-webkit-background-size: cover;

	   -moz-background-size: cover;

		 -o-background-size: cover;

			background-size: cover;

	padding: 50px 0;

	color: #999;

}



.calltoaction h2 {

	font-size: 20px;

	letter-spacing: 1px;

	margin-bottom: 5px;

}



.calltoaction-decription{

    padding-top: 20px;

    padding-bottom: 30px;

    font-size: 20px;

    color: #fff;

}



.calltoaction-btn {

	text-align: center;

}



.calltoaction-btn > .btn {

    background: rgba(255, 255, 255, .8);

    color: #111;

	margin-top: 5px;

	margin-bottom: 5px;

}

.calltoaction-btn > .btn:hover{

    background: #fff;

}



.long-down {

	margin-bottom: 40px;

}



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

 * Home

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



#home {

	background: url(../images/cover.jpg);

	background-color: #222;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: 50% 50%;

	

	-webkit-background-size: cover;

	   -moz-background-size: cover;

		 -o-background-size: cover;

			background-size: cover;

	padding: 0;

}



.home-overlay {

    background-color: rgba(44, 62, 80, 0.3);

    background-image: url("../images/pattern.png");

    background-repeat: repeat;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 0;

}



.intro {

	position: absolute;

	width: 100%;

	top: 50%;

	left: 0;

	text-align: center;

	-webkit-transform: translate(0%, -50%);

	   -moz-transform: translate(0%, -50%);

		-ms-transform: translate(0%, -50%);

		 -o-transform: translate(0%, -50%);

			transform: translate(0%, -50%);

	padding: 0 15px;

	color: #ffffff;

}







.intro h1{

    

	color: #ffffff;

	font-size: 40px; /*Üst 2 satır*/

}



.intro h3

{

	font-size: 30px;

	font-weight: 500; 

}







.start {

	font-family: sans-serif;

	font-size: 60px;

	font-style:normal;

	text-transform: none;

	margin: 15px 0;

	

}





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

 * Servise

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







.col-sm-3

{

	padding:0 5px 15px 5px;

	margin: 0 0 0 0;	

}





.col-sm-3:nth-of-type(4), .col-sm-3:nth-of-type(5)

{

	margin: -46px 0 0 0;	

}





.iconbox {

	background:rgba(0,123,167,0.20);

	border-bottom: 1px solid #d4d4d4;

	text-align: center;

	padding: 40px 20px;

	margin: 0 0 20px;

	

}



#ortalama .iconbox {

	background:rgba(242,220,219,1);

	

	

}



.iconbox-icon {

	margin: 0 0 15px;

	font-size: 32px;

	color: #222;

	

}







.iconbox-title {

	margin: 0 0 15px;

	padding: 0;

	font-size:18px;

	

}



h3.iconbox-title {

	margin-top:-40px;

	color:#000000;

	z-index:1;

	text-shadow: -1px -1px 1px #ffffff, 1px 1px 1px #ffffff;

}



h3.guvenlik {

	margin-top:-77px;

	margin-bottom:-5px;

	color:#000000;

	z-index:1;

	text-shadow: -1px -1px 1px #ffffff, 1px 1px 1px #ffffff;

}



.iconbox-desc {

	margin-bottom:-20px;

	}



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

 * Skills

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







.chart {

    display: inline-block;

    height: 140px;

    margin: 50px 0;

    position: relative;

    text-align: center;

    width: 140px;

}

.chart canvas {

    left: 0;

    position: absolute;

    top: 0;

}

.percent {

    display: inline-block;

    font-size: 25px;

    font-weight: 300;

    line-height: 140px;

    z-index: 2;

}

.percent:after {

    content: "%";

    font-size: 50%;

    margin-left: 0.1em;

}



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

 * Contact

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





.ajax-response {

	text-align: center;

}



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

 * Footer

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



#footer {

	background: #222;

	text-align: center;

	color: #FFF;

	

}



#footer img

{

	border:1px solid  rgba(255,255,255,0.3);

	padding:5px 9px 5px 9px;

	margin:10px 0 14px 0;

}











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

 * Navigation

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



.header {

	border-bottom: 1px solid #f5f5f5;

	position: relative;

	width: 100%;

	z-index: 998;

}



.navbar-custom {

	border: 0;

	border-radius: 0;

	margin: 0;

	text-transform: uppercase;

	font-family: sans-serif;

}



.navbar-custom,

.navbar-custom .dropdown-menu {

	background: #fff;

	padding: 0;

}



.navbar-custom .navbar-brand,

.navbar-custom .navbar-nav > li > a,

.navbar-custom .navbar-nav .dropdown-menu > li > a {

	font-size: 11px;

	letter-spacing: 3px;

	color: #222;

}



.navbar-custom .nav li.active,

.navbar-custom .nav li a:hover,

.navbar-custom .nav li a:focus,

.navbar-custom .navbar-nav > li.active a {

	background: none;

	outline: 0;

	color: #E7746F;

}



.navbar-custom .navbar-brand {

	font-weight: 700;

	font-size: 22px;

    font-family: Lobster, cursive;

}



.navbar-custom .dropdown-menu {

	border: 0;

	border-top: 2px solid #E7746F;

	border-radius: 0;

}



.navbar-custom .dropdown-menu > li > a {

	padding: 10px 20px;

}



.navbar-custom .nav .open > a,

.navbar-custom .dropdown-menu > li > a:hover,

.navbar-custom .dropdown-menu > li > a:focus {

	background: #f5f5f5;

}



.navbar-custom .navbar-toggle .icon-bar {

	background: #222;

}



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

 * Scroll to top

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



.scroll-up, .downnn {

	position: fixed;

	display: none;

	z-index: 999;

	bottom: 2em;

	right: 2em;

}





.scroll-up a, .downnn a {

	background-color: rgba(135, 135, 135, 0.5);

	display: block;

	width: 35px;

	height: 35px;

	text-align: center;

	color: #fff;

	font-size: 15px;

	line-height: 30px;

}



.scroll-up a:hover,

.scroll-up a:active,

.downnn a:hover,

.downnn a:active {

	background-color: rgba(235, 235, 235, .8);

	color: #e7746f;

}



.downnn

{

	left:2em;

	border: solid 3px black;

	border-radius:50%;

	color:black;

	width:50px;

	height:50px;

	text-align:center;

}









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

 *Scroll Down

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



.scroll-down {

	position: absolute;

	left:47%;

	top:82%;

	bottom: 40px;

	border: 4px solid #fff;

	border-radius: 50%;

	height: 120px;

	width: 120px;

	margin-left: -15px;

	display: block;

	z-index: 10;

    text-align: center;

	

}





.scroll-down span{

    position: relative;

    color: #fff;

    -webkit-animation-name: drop;

	-webkit-animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-delay: 0s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-play-state: running;

	animation-name: drop;

	animation-duration: 1s;

	animation-timing-function: linear;

	animation-delay: 0s;

	animation-iteration-count: infinite;

	animation-play-state: running;

	font-size:36px;

}





.downnn span{

	

   	position: relative;

    color: black;

    -webkit-animation-name: drop;

	-webkit-animation-duration: 1s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-delay: 0s;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-play-state: running;

	animation-name: drop;

	animation-duration: 1s;

	animation-timing-function: linear;

	animation-delay: 0s;

	animation-iteration-count: infinite;

	animation-play-state: running;

	font-size:10px;

}









@-webkit-keyframes drop	{

	0%   { top:0px;  opacity: 0;}

	30%  { top:10px; opacity: 1;}

	100% { top:25px; opacity: 0;}

}



@keyframes drop	{

	0%   { top:0px;  opacity: 0;}

	30%  { top:10px; opacity: 1;}

	100% { top:25px; opacity: 0;}

}



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

 * Preloader

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



#preloader {

	background: #FFF;

	bottom: 0;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 9999;

}



#status {

	background-image: url(../images/preloader.gif);

	background-position: center;

	background-repeat: no-repeat;

	height: 200px;

	left: 50%;

	margin: -100px 0 0 -100px;

	position: absolute;

	top: 50%;

	width: 200px;

}



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

 * Media

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



@media (max-width: 767px) {



	.calltoaction {

		text-align: center;

	}



}





@media (min-width: 480px){







#ortalama

{

	margin-left:37%;

	

}

	



.teknikdanismanlik

{

	left:239.17px;	

}



.leftservices

{

	left:94.17px;	

}



.rightservices

{

	right:94.17px;	

}



}



@media (max-width: 480px) {





        #lang

{

	

	

	

	left:25%;

	

	

}



	h1 {

		font-size: 34px;

		letter-spacing: 3px;

	}



	h2 {

		font-size: 24px;

		margin: 0 0 30px;

		letter-spacing: 3px;

	}

	

.start {

	font-family: sans-serif;

	font-size: 30px;

	font-style:normal;

	text-transform: none;

	margin: 15px 0;

	

}



.scroll-down span

{

	font-size:10px;

		

}



.intro h1{

    

	color: #ffffff;

	font-size: 24px; 

}



.intro h3

{

	font-size: 18px; 

	font-weight: 300;

}



.scroll-down {

	position: absolute;

	left:48%;

	top:85%;

	bottom: 20px;

	border: 2px solid #fff;

	border-radius: 50%;

	height: 50px;

	width: 50px;

	margin-left: -15px;

	display: block;

	z-index: 10;

    text-align: center;

}

.col-sm-3:not(:last-child)

{

	padding:0 5px 15px 5px;

	margin: -30px 0 0 0;	

}



.col-sm-3:last-child,.col-sm-3:nth-of-type(6)

{

	padding:0 5px 0 5px;

	margin: -30px 0 0 0;	

}

.downnn

{

	position: fixed;

	display: none;

	z-index: 999;

	bottom: 2em;

	left: 2em;

}



}





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

/***** Portfolio Common style *****/

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



.grid {

	position: relative;

	clear: both;

	margin: 0 auto;

	padding: 1em 0 4em;

	max-width: 100%;

	list-style: none;

	text-align: center;

}



.grid h2{

    font-size: 20px;

}



.grid figure {

	position: relative;

	float: left;

	overflow: hidden;

	margin: 10px 1%;

	min-width: 100%;

	max-width: 100%;

	height: auto;

	background: #3085a3;

	text-align: center;

	cursor: pointer;

}



.grid figure img {

	position: relative;

	display: block;

	min-height: 100%;

	max-width: 100%;

	opacity: 0.8;

}



.grid figure figcaption {

	padding: 2em;

	color: #fff;

	text-transform: uppercase;

	font-size: 1.25em;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.grid figure figcaption p

{

	font-size:0.85em;

}





.grid figure figcaption::before,

.grid figure figcaption::after {

	pointer-events: none;

}



.grid figure figcaption,

.grid figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */

.grid figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}



.grid figure h2 {

	word-spacing: -0.15em;

	font-weight: 300;

}



.grid figure h2 span {

	font-weight: 800;

}



.grid figure h2,

.grid figure p {

	margin: 0;

}



.grid figure p {

	letter-spacing: 1px;

	font-size: 68.5%;

}



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

/***** Bubba *****/

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



figure.effect-bubba {

	background: #9e5406;

}



figure.effect-bubba img {

	opacity: 0.7;

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

}



figure.effect-bubba:hover img {

	opacity: 0.4;

}



figure.effect-bubba figcaption::before,

figure.effect-bubba figcaption::after {

	position: absolute;

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}



figure.effect-bubba figcaption::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0,1);

	transform: scale(0,1);

}



figure.effect-bubba figcaption::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1,0);

	transform: scale(1,0);

}



figure.effect-bubba h2 {

	padding-top: 10%;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(0,-20px,0);

	transform: translate3d(0,-20px,0);

    color: #fff;

}



figure.effect-bubba p {

	padding: 20px 2.5em;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,20px,0);

	transform: translate3d(0,20px,0);

}



figure.effect-bubba:hover figcaption::before,

figure.effect-bubba:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}



figure.effect-bubba:hover h2,

figure.effect-bubba:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



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

/***** Quote Rotator *****/

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



.cbp-qtrotator {

	position: relative;

	margin: 3em auto 0em auto;

	max-width: 90%;

	width: 90%;

}



.cbp-qtrotator .cbp-qtcontent {

	position: absolute;

	min-height: 200px;

	border-top: 1px solid #f4f4f4;

	border-bottom: 1px solid #f4f4f4;

	padding: 2em 0;

	top: 0;

	z-index: 0;

	opacity: 0;

	width: 100%;

}



.no-js .cbp-qtrotator .cbp-qtcontent {

	border-bottom: none;

}



.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,

.no-js .cbp-qtrotator .cbp-qtcontent {

	position: relative; 

	z-index: 100;

	pointer-events: auto;

	opacity: 1;

}



.cbp-qtrotator .cbp-qtcontent:before,

.cbp-qtrotator .cbp-qtcontent:after {

	content: " ";

	display: table;

}



.cbp-qtrotator .cbp-qtcontent:after {

	clear: both;

}



.cbp-qtprogress {

	position: absolute;

	background: #FF5252;

	height: 1px;

	width: 0%;

	top: 0;

	z-index: 1000;

}



.cbp-qtrotator blockquote {

	margin: 0;

	padding: 0;

    border: 0;

    font-size: 12px;

}



.cbp-qtrotator blockquote p {

	font-size: 2em;

	color: #888;

	font-weight: 300;

	margin: 0.4em 0 1em;

}



.cbp-qtrotator blockquote footer {

	font-size: 1.2em;

}



.cbp-qtrotator blockquote footer:before {

	content: '― ';

}



.cbp-qtrotator .cbp-qtcontent img {

	float: right;

	margin-left: 3em;

}



/* Example for media query */

@media screen and (max-width: 30.6em) { 



	.cbp-qtrotator {

		font-size: 70%;

	}



	.cbp-qtrotator img {

		width: 80px;

	}



}